Twitter Bootstrap 3中的半栏


Answers:


174

您可以尝试以下方法:

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

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

7
射击...没有这样的想法。大脑已经超频了。非常感谢。效果很好。:D
Nerdar

是。我要等着关闭它。说需要等待2分钟才能关闭笑声。谢谢^ _ ^
Nerdar

这对我不起作用!我正在使用最新版本的Bootstrap 3,并且正在使用col-md-9,希望将其拆分为两个相等的部分!有任何想法吗?(
J86

1
@Ciwan col-md仅适用于“中型”和较大的屏幕,使用col-xs的事实使其适用于所有设备。你可以这样说的“它不工作”做小提琴,显示什么不工作....
贝纳帕特里克

因此,没有像width: 80%;col-md-6里面那样做的事情(例如,如果您想在右侧使用空白)
nclsvh,2016年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.