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 でデバッグすると、この動作の原因となるパディングやマージンが表示されません。

これらの 2 つの列または 2 つの div を先頭の数字で 1 行に表示するために他にできることはありますか?

Answer 1

ブートストラップ グリッド システムを使用している場合は、ol li構造を削除して、row.

しかし、本当に を使用する必要がある場合は、デフォルトとデフォルトを からol li削除する必要があります。list-style-typemarginol

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/