Question

我在里面添加了一个边框底部样式，但是它没有工作。

<ul>
<li style="border-bottom: 1px solid #ccc">
<span class="col-xs-5">Test 1</span>
<span class="col-xs-7"> Test 2</span>
</li>
</ul>

它相当简单，但它会将边框渲染到跨度（Test1，Test2）之上。我错了吗？

Answer 1

试试这个

＆＃13;

return false;

＆＃13;

Answer 2

试一试： -

p {
        border-style: solid;
        border-bottom: thick dotted #ff0000;
    }

Answer 3

span{
border-bottom: 1px solid #ccc
}

<ul>
<li >
<span class="col-xs-5" >Test 1</span>
</li>
  <li >
<span class="col-xs-7"> Test 2</span>
</li>
</ul>

Answer 4

使用bootstraps col-*会在元素上放置一个浮点数。 Bootstrap用于通过使用row类包装列来处理此问题。像这样：

<ul>
  <li class='row' style="border-bottom: 1px solid #ccc">
    <span class="col-xs-5">Test 1</span>
    <span class="col-xs-7"> Test 2</span>
  </li>
</ul>

或者您可以将row课程放在ul上，这取决于您使用li元素的方式。

边界底部到李与跨度不工作

4 个答案: