html - 对齐 LI 标签中的 3 个 div

Question

我正在寻找一种bootstrap 方式 来解决它，但不知何故没有成功，因此尝试了 css one，但它产生的结果如下:

如您所见，123 不在列表中。

我的代码如下:

<li class="list-group-item">
        <div class=".col-lg-2 pull-left">1</div>
        <div class=".col-lg-8 pull-left">2</div>
        <div class=".col-lg-4 pull-left">3</div>
</li>

JS fiddle

http://jsfiddle.net/6bszgn85/

Answer 1

尝试将您的列换行。请参阅 grid 上的文档.

<li class="list-group-item">
  <div class="row">
    <div class="col-lg-2">1</div>
    <div class="col-lg-8">2</div>
    <div class="col-lg-4">3</div>
  </div>
</li>