Bootstrap,这种结构,想在手机上显示一行两个块并列,能实现吗

发布于 2022-09-01 16:08:41 字数 217 浏览 19 评论 0

代码

实际显示效果:

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

白首有我共你 2022-09-08 16:08:41

bootstrap的栅格排版一共12列。并且有
.col-xs-* 超小屏(小于 768px),
.col-sm-*(小屏(≥768px)),
.col-md-* 中型屏((≥992px),
.col-lg-* 大型屏((≥1200px)。
其中.col-xs 是总是水平排列,后面三个是,开始堆叠在一起,当大于这些阈值时将变为水平排列。并且均是可偏移,可嵌套的。
xs下列宽为自动,
sm下列宽为~62px
md下列宽为~81px
lg下列宽为~97px,

羁拥 2022-09-08 16:08:41

扩展 Bootstrap 默认的排版系统,或者自定义一套属于自己的排版系统

放我走吧 2022-09-08 16:08:41

要根据屏幕尺寸大小变化吗?

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

bootstrap的总列数是12。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文