Twitter bootstrap 第一和第二引导行之间的水平线
我使用引导行创建了3个带按钮的列,但当我创建它们时,它显示了一条水平线,将第一列和第二列分开。问题是我不想让那一行出现,它只显示在第一列和第二列之间 我怎么才能把那讨厌的电话线拔下来 这是我的代码和照片:Twitter bootstrap 第一和第二引导行之间的水平线,twitter-bootstrap,css,twitter-bootstrap-3,Twitter Bootstrap,Css,Twitter Bootstrap 3,我使用引导行创建了3个带按钮的列,但当我创建它们时,它显示了一条水平线,将第一列和第二列分开。问题是我不想让那一行出现,它只显示在第一列和第二列之间 我怎么才能把那讨厌的电话线拔下来 这是我的代码和照片: <div class="container-fluid"> <div class="row"> <div class="col-sm-1"> <h5>Noise pollution</h5
<div class="container-fluid">
<div class="row">
<div class="col-sm-1">
<h5>Noise pollution</h5>
</div>
<div class="col-sm-1">
<h5>Waste pollution</h5>
</div>
<div class="col-sm-1">
<h5>Chimic pollution</h5>
</div>
</div>
</div>
噪声污染
废物污染
化学污染
我没有这方面的css,只有bootstrap提供的css,它显示了这一行:(。您可以在开发工具的检查器中找到应用此样式的css。但是,如果您找不到,您可以覆盖css以删除边框。尝试在css文件末尾添加下面的代码段
.container-fluid .row .col-sm-1 {
border: none;
}
把你的CSS上传到你能分享一个展示你的问题的演示链接吗?我很确定你提到的代码没有问题。我只使用引导CSS代码。代码运行良好,但引导CSS似乎在那里插入了一条水平线,我不知道如何取下它。你的CSS代码中有一些东西这会导致容器继承带有该行的样式。我非常确定…您是否尝试运行问题中的代码并查看其外观?没有行!…因此,如果您发布css甚至整个代码(以小提琴或钢笔的形式),我们将不胜感激现在要小心设置边框:同一类中的所有元素都没有边框会破坏布局,因为某些需要边框的元素会受到影响…..我建议添加一个id和样式我很高兴能提供帮助:)