第一个和第二个引导行之间的水平线(Horizontal line between first and second bootstrap rows)

我正在使用bootstrap行来制作带有按钮的3列，但是当我制作它们时，它显示了一条水平线，将第一列与第二列分开。问题是我不希望那条线在那里，它只显示在第一列和第二列之间。

我怎么能把这条恼人的线路拿掉？

这是我的代码和照片：

<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，它显示那里的行:(。

I'm using bootstrap rows to make 3 columns with buttons but when I make them, it showing a horizontal line that separates first column from second one. The problem is that I don`t want that line there and it only shows between first column and second one.

How can I take that annoying line off ?

Here is my code and a photo:

I don't have any css for this, only css offered by bootstrap and it shows that line there :(.

最满意答案

您可以在开发人员工具的检查器中找到应用此样式的CSS。但是，如果您无法找到，则可以覆盖CSS以删除边框。尝试在CSS文件的末尾添加以下代码段，

.container-fluid .row .col-sm-1 { border: none; }

You can find the CSS which applies this styling in the inspector of the developer tool. Still, if you are unable to locate you can overwrite the CSS to remove borders. Try adding below code snippet at the end of your CSS file,

.container-fluid .row .col-sm-1 { border: none; }

更多推荐