CSSBootstrap4でFlexboxを使いこなすためのクラス名一覧Bootsrtap2018.04.6Bootstrap4でFlexboxを使いこなすためのクラス名一覧Bootstrap4ではclass="row"に対してdisplay:flex;が初期設定として指定されているためflexboxコンテナとして使うことができます。この要素の中に入るcol-系クラスの要素たちはflexアイテムとして配置を指定することができるということです。※Flexboxのことを知らない方はまずは、下記をご覧いただくと良いと思います。2017.11.21要素の配置が簡単に決まるFlexboxの使い方Flexboxというのはボックスの配置を簡単に設定するための新しいレイアウト機能です。ここでは、Flexboxの使い方についてお話していきます。Flexboxを初めて知った方にとっては、少しとっつきにくさを感じる部分もあるかもしれませんがとても便利なプロパティ...ここでは、Bootstrap4でFlexboxを使いこなすために必要なクラス名一覧をご紹介していきます。align-self-stretch実際にどのような配置になるのか、実例と共に見ていきましょう。基本となるグリッドシステムがこちらです。ボタンで表示を切り替えてご覧ください。col-のクラスが追加されているだけの何の変哲もないコードです。ここから先のサンプルでは、それぞれBootstrap4のクラス名を入れたときのレイアウトです。CodePen.flex-nowrapを指定するとflexアイテムは改行されずに枠の外に出てしまいます。CodePen.align-items:stretch;を指定するとflexコンテナに指定された高さいっぱいにflexアイテムが広がります。