bootstrap的柵格布局與兩列布局結合使用


     在工作中我們常常需要實現響應式布局,這個可以使用bootstrap的柵格系統來實現,我們在列里也需要實現一部分的響應式。比如下面的效果圖,需要實現左邊圖標固定,右邊的自適應 :

     左邊固定寬度,右邊自適應,這個時候我就想到了兩列布局,將左右設置float,左邊設置固定寬度,右邊的寬度為calc(100% - 左邊的寬度),把這兩種布局結合使用就可以實現效果。

    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM