Bootstrap 總結(一) 柵格系統

    1. 直接上bootstrap 4 
           

<div class="row">
            <div class="col-md-4 col-sm-3 col-lg-2">                
                <img src="images/logos.png" alt="" />
            </div>
</div>

           col-lg-2  ≥992px    大屏幕 擺放6個 
          col-md-3  ≥768px 中等屏幕擺放4個   一般用這個
          col-sm-4  ≥576px  平板 擺放 三個

         可以一起擺放 

.col- 針對所有設備
.col-sm- 平板 - 屏幕寬度等於或大於 576px
.col-md- 桌面顯示器 - 屏幕寬度等於或大於 768px)
.col-lg- 大桌面顯示器 - 屏幕寬度等於或大於 992px)
.col-xl- 超大桌面顯示器 - 屏幕寬度等於或大於 1200px)

  


2.
pull-right    

    左右浮動

3
.page-header   加下劃線 
lead 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章