CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – 这在Bootstrap 3文档中意味着什么?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在关于网格系统的Bootstrap 3文档的此页面中(在网格选项表中): @H_197_2@ http://getbootstrap.com/css/#grid-options

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

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

谢谢!

解决方法

“水平始终”适用于超小列(.col-xs):

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

代码示例:

<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>

“折叠开始,水平高于断点”适用于小(sm),中(md)和大(lg)列类:

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

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

大佬总结

以上是大佬教程为你收集整理的css – 这在Bootstrap 3文档中意味着什么?全部内容,希望文章能够帮你解决css – 这在Bootstrap 3文档中意味着什么?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。