Css 在twitter引导程序中将多个col*列成一行

我想在一个

元素中嵌入多个

，这些条件存在于

元素之间的左右填充

<div class="row">
  <div class="col-xs-12 col-md-6 color"> sdf sdf sdfds sdf dsf ds fsd sfsd fsd </div>
  <div class="col-xs-12 col-md-6 color"> sdf sdf sdfds sdf dsf ds fsd sfsd fsd </div>
  <div class="col-xs-12 col-md-6 color"> sdf sdf sdfds sdf dsf ds fsd sfsd fsd </div>
  <div class="col-xs-12 col-md-6 color"> sdf sdf sdfds sdf dsf ds fsd sfsd fsd </div>
  <div class="col-xs-12 col-md-6 color"> sdf sdf sdfds sdf dsf ds fsd sfsd fsd </div>
</div>

sdf sdf sdfds sdf dsf ds fsd sfsd fsd
sdf sdf sdfds sdf dsf ds fsd sfsd fsd
sdf sdf sdfds sdf dsf ds fsd sfsd fsd
sdf sdf sdfds sdf dsf ds fsd sfsd fsd
sdf sdf sdfds sdf dsf ds fsd sfsd fsd

只需加一个边距

这是我的建议

HTML:

<div class="row">
    <div class="col-xs-12 col-md-6 color"> sdf sdf sdfds sdf dsf ds fsd sfsd fsd </div>
    <div class="col-xs-12 col-md-6 color"> sdf sdf sdfds sdf dsf ds fsd sfsd fsd </div>
    <div class="col-xs-12 col-md-6 color"> sdf sdf sdfds sdf dsf ds fsd sfsd fsd </div>
    <div class="col-xs-12 col-md-6 color"> sdf sdf sdfds sdf dsf ds fsd sfsd fsd </div>
    <div class="col-xs-12 col-md-6 color"> sdf sdf sdfds sdf dsf ds fsd sfsd fsd </div>
</div>

[class^="col-"], [class*=" col-"] {
  margin:0 20px;
}

---

你到底想要什么？你的问题是什么？在左右两边的

col*

之间设置空格…相应地用百分比表示。HTML中可能有一个很小的变化，这很容易处理。