列表项之间的引导空间

Question

在默认情况下使用引导程序的2个列表项之间添加边距，填充或甚至空格。

尝试主题

1. Space between bootstrap columns

这是附加的图像



DEMO

<div class="container text-left">
<div class="row">
<div class="col-xs-4 col-sm-12">
                  <!-- Nav tabs -->
                  <ul class="nav nav-justified" id="nav-tabs" role="tablist">
                      <li role="presentation" class="active">
                          <a href="#" aria-controls="" role="tab" data-toggle="tab">
                              <img class="img" src="https://images.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
                              <span class="quote"><i class="fa fa-quote-left"></i></span>
                          </a>
                      </li>
                      <li role="presentation" class="">
                          <a href="#" aria-controls="" role="tab" data-toggle="tab">
                              <img class="img" src="https://images.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
                              <span class="quote"><i class="fa fa-quote-left"></i></span>
                          </a>
                      </li>

                  </ul>
              </div>

</div>
</div>

Answer 1

因为您正在使用表格单元格，因此应用border-spacing: 10px;或border-spacing: 10px 0;应该适合您

.nav-justified {
      border-spacing: 10px 0;
      border-collapse: separate;
}

查看更新后的fiddle