Bootstrap 5 kiwon kiwaiya: XXL

Kiwon kiwaiya XXL

XSmall Small Medium Large Extra Large XXL
Kuɗe na ɗan ɗan .col- .col-sm- .col-md- .col-lg- .col-xl- .col-xxl-
kaiwaiya na ɗimɗi <576px >=576px >=768px >=992px >=1200px >=1400px

kiwaiya XXL za a siffita wa 1400 ɗimɗi tabbatarwakaiwaiya na ɗimɗi.

Nuna za zai kiwaiya, kuduwa da kuduwa da kuduwa 50%/50% na kira, kuma zai kiwaiya XXL za zai kira 25%/75% na kira. A kiwaiya kuduwa da kuduwa kai, ita za a kaiyawa (100%):

Shili

<div class="container-fluid">
  <div class="row">
    <div class="col-md-6 col-xxl-3">
      <p>Shijie ziran zhanhui (WWF), chengli yu 1961 nian 4 yue 29 ri, qi biaozhi shi yi zhi da xiongmao ...</p>
    </div>
    <div class="col-md-6 col-xxl-9">
      <p>1980 nian, WWF zhengshi lai dao Zhongguo, shou Zhongguo zhengfu yaoqing lai hua kai zhan da xiongmao ji qi shuxidi de baohu gongzuo ...</p>
    </div>
  </div>
</div>

Zi jin shi yi

Zhu yi：Qing baozheng he zong zhi shi 12。

Zhi xiangong XXL

Zai xia li, women zhi zhiding le .col-xxl-6 Lei (mei you .col-md-* He / huo .col-sm-*）。Zhe mei shi xxlarge she bei jiang chaifen 50%/50%。Dan shi, dui yu chao da, da, zhong, xiao he chao xiao she bei, ta jiang zhengchi dui cai (100% kuan du)：

Shili

<div class="container-fluid">
  <div class="row">
    <div class="col-xxl-6">
      <p>Shijie ziran zhanhui (WWF), chengli yu 1961 nian 4 yue 29 ri, qi biaozhi shi yi zhi da xiongmao ...</p>
    </div>
    <div class="col-xxl-6">
      <p>1980 nian, WWF zhengshi lai dao Zhongguo, shou Zhongguo zhengfu yaoqing lai hua kai zhan da xiongmao ji qi shuxidi de baohu gongzuo ...</p>
    </div>
  </div>
</div>

Zi jin shi yi

Zidong lüayout lie

Zai Bootstrap 5 zhong, you yi zhong jian dan de fangfa wei suoyou she bei chuangjian deng kuandu de lie: zhi yuancong .col-xxl-* Zhong shanchu shu zi, bing zhi jian col yuan su shang shiyong .col-xxl Lei. Bootstrap jiang renshi you duoshao lie, bing qi mei ge lie jiang huode xiangdeng de kuan du.

Ruguo pingmu chimaXiaoyu 1400px，lie jiang heng shi dui cai：

<!-- Liang lie: zai te da xing yu shang she bei shi 50% kuan du -->
<div class="row">
  <div class="col-xxl">1 of 2</div>
  <div class="col-xxl">2 of 2</div>
</div>
<!-- Si lie: zai te da xing yu shang she bei shi 25% kuan du -->
<div class="row">
  <div class="col-xxl">1 of 4</div>
  <div class="col-xxl">2 of 4</div>
  <div class="col-xxl">3 of 4</div>
  <div class="col-xxl">4 of 4</div>
</div>

Zi jin shi yi