html - 引导程序：ol + li + div.col-md-6 = 流离失所

Question

我正在尝试用<ol>标签替换我的表结构。但是前导订单号和内容之间总是存在位移/偏移量。

<ol>
  <li>
    <div class="row">
      <div class="col-md-6">A Name</div>
      <div class="col-md-6">An Icon</div>
    </div>
  </li>
</ol>

我不知道要改变什么。当我使用 Firebug 进行调试时，我看不到任何导致此行为的填充或边距。

我还能做些什么来将这两列或两个 div 与前导数字放在一行中吗？

Answer 1

如果您使用的是引导网格系统，那么您可以删除您的ol li结构并继续使用row.

但是如果你真的需要使用你的ol li，那么你list-style-type需要margin从ol.

ol.ol-table { /* Assuming you assign a class to it  */
    padding-left: 0px;
    margin-left: 0px;
    list-style-type: none;
}

查看结果：http: //jsfiddle.net/uyJXe/embedded/result/

这是小提琴：http: //jsfiddle.net/uyJXe/