这在Bootstrap 3文档中意味着什么?

 劲舞团之舞之精灵_559 发布于 2023-02-08 11:49

在关于网格系统的Bootstrap 3文档的这个页面中(在网格选项表中):http: //getbootstrap.com/css/#grid-options

它表示如下:网格行为:始终水平,折叠开始,水平高于断点

有人可以解释一下这意味着什么,甚至可以举个例子吗?

谢谢!

1 个回答
  • "水平始终"适用于额外的小列(.col-xs):

    无论屏幕大小如何,即使屏幕较小(例如在电话上),只要网格中有足够的空间,列就会始终是水平的(即保持在同一行)(请记住12列网格,col- xs-6 + col-xs-6将适合该行;添加另一列将在第一行下面继续).请参阅以下示例,屏幕尺寸为~900 x 768:

    ~900 x 768浏览器屏幕大小的col-xs-*示例

    代码示例:

    <div class="row show-grid"> 
     <div class="col-xs-6">.col-xs-6</div> 
     <div class="col-xs-6">.col-xs-6</div>
     <div class="col-xs-3">.col-xs-3</div>
    </div>
    

    "折叠开始,水平高于断点"适用于small(sm),medium(md)和large(lg)列类:

    这意味着如果屏幕足够大,列将是水平的.但是如果屏幕小于预定义的"断点",则列变为垂直.

    您可以通过减少浏览器宽度来尝试文档中的示例(在链接上).

    2023-02-08 11:54 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有