BootStrap輔組類和響應式工具怎么用

這篇“BootStrap輔組類和響應式工具怎么用”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“BootStrap輔組類和響應式工具怎么用”文章吧。

    <buttonclass="close">&times;</button>

    默認位置為父元素的右上角

    小三角圖標.caret

    <spanclass="caret"></span>

    快速浮動.pull-left和.pull-right

    <pclass="stpull-right">我是文字</p>

    <pclass="stpull-left">我是文字</p>

    這個浮動其實就是float，只不過使用了!important加強了優先級。

    塊狀居中center-block

    <pclass="stcenter-block">我是文字</p>

    清理浮動clearfix

    <pclass="stpull-left">我是文字</p>

    <pclass="clearfix"></p>

    <pclass="st">我是文字</p>

    這個p可以放在需要清理浮動區塊的前面即可。

    顯示（.show）和隱藏(.hidden)

    <pclass="stshow">我是文字</p>

    <pclass="sthidden">我是文字</p>

    其實就是display：block或none添加了一個！important加強了優先級

    響應式工具

    超小屏幕

    手機（<768px）

    小屏幕

    平板(&ge;768px)

    中等屏幕

    桌面(&ge;992px)

    大屏幕

    桌面(&ge;1200px)

    .visible-xs-*顯示

    .visible-sm-*顯示

    .visible-md-*顯示

    .visible-lg-*顯示

    .hiddem-xs隱藏

    .hidden-sm隱藏

    .hidden-md隱藏

    .hidden-lg隱藏

    對于顯示的內容，有三種變體，分別為：block、inline-block、inline。

    所加的樣式都添加了!important的優先級。

以上就是關于“BootStrap輔組類和響應式工具怎么用”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。