如何使用Bootstrap均匀分布奇数列？

cedebl8k 于 2023-10-14 发布在 Bootstrap

关注(0)|答案(2)|浏览(155)

我必须使用bootstrap responsive css显示日历（共7天）中所有的工作日，这些工作日均匀分布在12个跨度的行中。
我已经尝试

<div class ="span12">
 <div class="span2"> Monday </div>
 .......
 ......
 <div class="span2"> Sunday </div>
</div>

这将遍历12个跨度，并将最后一列 Package 到下一行。
有人知道什么是正确的方法吗？
谢谢你，谢谢！

twitter-bootstrap

来源：https://stackoverflow.com/questions/15486094/how-to-distribute-odd-number-of-columns-evenly-using-bootstrap

2条答案

按热度按时间

ozxc1zmp1#

谢谢！我只是增加了.row-fluid span 2的宽度百分比，并将其创建为一个单独的类。成功了！

.row-fluid .daySpan {
  width: 14.192978723404255%;
  *width: 14.192978723404255%;
}

赞(0）回复(0）举报 2023-10-14

camsedfj2#

您需要使用自己的类而不是网格来设置自定义宽度。我可能会将它与一个现有的引导网格类合并结合起来，以引入其边距等。
不要忘了行div，它提供负的左右边距。
http://jsfiddle.net/2n8Cx/1（在此演示中启用响应时仅适用于一个宽度范围。）

.span1.spanDays {width: 86px;}

<div class="span12">
  <div class="row">
    <div class="span1 spanDays"> Monday </div>
     .......
     ......
    <div class="span1 spanDays"> Sunday </div>
  </div>
</div>

http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

赞(0）回复(0）举报 2023-10-14

我来回答

如何使用Bootstrap均匀分布奇数列？

2条答案

相关问题

热门标签

最新问答