2017-04-22 75 views
0

我使用引导行来制作带有按钮的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> 

enter image description here

我没有这方面的任何CSS,只能通过引导提供的css和它显示有该行:(

+0

发布您的CSS –

+0

请你能分享一个演示链接,显示你的问题。我很确定你提到的代码没有问题 –

+0

我只使用引导CSS代码。代码工作正常,但从bootstrap的CSS似乎插入一个水平线,我没有ideea如何把它关闭。 – Darius

回答

1

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

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

这是工作,谢谢:) – Darius

+0

我很高兴我可以帮助:) –

相关问题