<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                ## `布局的時候什么時候用xs,sm,md,lg?` 參考知乎等網上資料,整理的! 當你想要內容大小隨著屏幕大小自動適應的時候就可以使用bootstrap,也就是在pc端以及不同手機(顯示屏大小不同)端內容也能夠正常顯示的時候。 一行最多占十二個標簽,不管是大屏還是超小屏的時候。 col-lg一般用于大屏設備, (min-width:1200px); col-md一般用于中屏設備, (min-width:992px); col-sm一般用于小屏設備, (min-width:768px); col-xs用于超小型設備, (max-width:768px); 后面跟數字是幾,也就是占幾份(每個占據12份中的幾份), 比如是4,也就是一行可以顯示3個; 或者12,就是一行可以顯示1個。 關于使用,一般設置的話四個屬性都用到會比較好,這樣就可以在不同屏幕上很好的展示。 比如你有了12個section標簽,你想讓他們在不同屏幕大小的時候有不同的展示方式,大屏時一行顯示6個,中屏時一行顯示3個,小屏時一行展示2個,超小屏一行展示1個,你就可以在每一個section標簽里面這樣寫: <section class = “col-lg-2 col-md-4 col-sm-6 col-xs-12”></section> HTML代碼: <div class="col-xs-12 col-sm-9 col-md-6 col-lg-3"> </div> 當屏幕尺寸 小于 768px 的時候,用 col-xs-12 類對應的樣式; 在 768px 到 992px 之間的時候,用 col-sm-9 類對應的樣式; 在 992px 到 1200px 之間的時候,用 col-md-6 類對應的樣式; 大于 1200px 的時候,用 col-lg-3 類對應的樣式;
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看