在twitter bootstrap中连续放了几个col *

Question

我想在一个<div class"col-*">元素中嵌入多个<div class="row">，这些条件在<div class"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>

see example

Answer 1

简单地说是一个保证金。

这里是fiddle

<强> 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>

<强> CSS：

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