【问题标题】:Half columns in Twitter Bootstrap 3Twitter Bootstrap 3 中的半列
【发布时间】:2014-04-10 11:24:04
【问题描述】:

我不知道如何制作这样的引导列:

col 3 | col 4.5 | col 4.5 

【问题讨论】:

标签: twitter-bootstrap twitter-bootstrap-3 multiple-columns grid-layout


【解决方案1】:

你可以试试这个:

只需将 col-9 分成两部分。

引导层http://www.bootply.com/128927

HTML

   <div class="col-xs-3">  col-xs-3 </div>
   <div class="col-xs-9">
      <div class="row">
         <div class="col-xs-6">col-xs-4.5</div>
         <div class="col-xs-6">col-xs-4.5  </div>
      </div>
   </div>

【讨论】:

  • 拍摄...没有这样的想法。大脑已经超频了哈哈。太感谢了。它工作得很好。 :D
  • 是的。我正在等待关闭它。说需要等待 2 分钟才能关闭大声笑。谢谢你^_^
  • 这对我不起作用!我正在使用最新版本的 Bootstrap 3,我正在使用 col-md-9 并希望它分成两个相等的部分!有任何想法吗? :(-
  • @Ciwan col-md 仅适用于“中”和更大的屏幕,使用 col-xs 的事实使其适用于所有设备。而不是说“它不起作用”做一个小提琴并展示什么不起作用....
  • 所以没有像 col-md-6 内的 width: 80%; 那样做的事情(例如,如果你想在右侧有这样的空白)
猜你喜欢
  • 1970-01-01
  • 2013-09-10
  • 2013-08-11
  • 2013-08-18
  • 2014-02-04
  • 2015-10-27
  • 2015-01-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多