Css 引导中的等宽元素不相等

我有一个

ul

，我已经将

li

项的宽度设置为

.col-lg-4

宽度，但它们似乎不相等

我在这里创建了一个例子来准确地说明我遇到的问题。 关于如何使

li

项的下方宽度与上面的

col-lg-4

相同，有什么建议吗

您将在小提琴中注意到，第一个

li

的右边框与上面图像的边距不相等

我使用的是Bootstrap 3.1.1，我有以下标记：

<div class="container-fluid">
  <div class="row">
    <div class="col-lg-12 nopadding">
   <div class='tabs tabs_default'>

      <div id='tab-1'>
          <div class="row">
              <div class="col-lg-4">
          <div class="member-image">             
          <img src="http://placehold.it/550x350" alt="" class="img-responsive">
          </div>
          </div>

            <div class="col-lg-8">
            <div class="member-content">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, eius, nam, asperiores cupiditate adipisci totam illo dignissimos similique quas repellendus porro non dolorum explicabo beatae consectetur eos facere dolores dolore.
            </div>
         </div>
         </div>

      </div>



       <ul class='horizontal text-center'>
        <li class="item"><a href="#tab-1">Rembrandt</a></li>
        <li class="item"><a href="#tab-2">Picasso</a></li>
        <li class="item"><a href="#tab-3">Dali</a></li>
      </ul>

    </div>
  </div>

</div>

</div>

Lorem ipsum dolor sit amet，奉献精英。除此之外，我们还将提供一种类似于驱虫剂的铜酸盐，以明确地表达对披头士的敬爱之情。

这与您的“无填充”类有关。引导网格通过向任何列添加15px左右的填充来工作。这就是提供一致的水槽并将内容从容器边缘拉离的原因

当您在列中嵌套一行时，左、右-15px的行边距抵消了填充，并确保所有内容都很好地对齐。这就是网格的美妙之处

所以，去掉你的无填充物，你会看到所有的东西都排列得很好

编辑： 我刚刚注意到你没有在标签上使用cols。如果这是有意的，并且您只希望图像与第一个选项卡“对齐”，那么您也可以从包含图像的列中删除填充