99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

這篇文章主要介紹了flex屬不屬于bootstrap的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇flex屬不屬于bootstrap文章都會有所收獲，下面我們一起來看看吧。

創(chuàng)新互聯(lián)是專業(yè)的拉孜網(wǎng)站建設(shè)公司，拉孜接單;提供網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行拉孜網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

flex布局屬于bootstrap；flex指的是彈性布局，bootstrap可以通過flex類來控制頁面的布局，使用“.d-flex”和“.d-inline-flex”實(shí)現(xiàn)開啟flex布局樣式，能不能使用flex彈性布局也是bootstrap3和bootstrap4的最大區(qū)別。

本教程操作環(huán)境：Windows10系統(tǒng)、bootstrap5版、DELL G3電腦

flex屬于bootstrap

Bootstrap4 通過 flex 類來控制頁面的布局

Bootstrap 3 與 Bootstrap 4 最大的區(qū)別就是 Bootstrap 4 使用彈性盒子來布局，而不是使用浮動來布局。

• 使用.d-flex和.d-inline-flex實(shí)現(xiàn)開啟flex布局樣式;

• .flex-row可以呈現(xiàn)子元素水平方向的位置，默認(rèn)居左并從左到右顯示(1,2,3)；

• .flex-row-reverse子元素水平方向居右從左到右顯示(3，2，1);

• .flex-column 實(shí)現(xiàn)子元素垂直效果，并從上往下顯示(1，2,3)；

• .flex-column-reverse實(shí)現(xiàn)子元素垂直效果，并從上往下顯示(3，2，1)；

• .justify-content-start(end、center、between、around)實(shí)現(xiàn)內(nèi)容對齊；

• .align-items-start(end、center、baseline、stretch)實(shí)現(xiàn)項(xiàng)目對齊;

• .align-self-start(end、center、baseline、stretch)實(shí)現(xiàn)單項(xiàng)目對齊;

示例如下：

            
                1