Bootstrap 3上的透明导航栏

Question

我想让导航栏变得透明，我有以下代码：

<div class="navbar navbar-default navbar-fixed-top" style="top:50px; background:transparent;">
  <div class="navbar-inner">
    <div class="container">
      <ul class="nav navbar-nav">
        <a class="navbar-brand">My Company</a>
        <li><a href="#">Home</a></li>
        <li><a href="#">Portofolio</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </div>
  </div>
</div>

所以我使用background:transparent;但结果如下：

顶部有一条白线，导航栏顶部有一条更大的白线。我怎么能删除它？或者我如何拥有透明导航栏？

Answer 1

那是border。尝试将border: none !important添加到元素中。

如果没有，请提供Fiddle，以便我查看。

Answer 2

添加border:0;和box-shadow:none

<div class="navbar navbar-default navbar-fixed-top">
      <div class="navbar-inner">  
            <div class="container">
                 <ul class="nav navbar-nav">   
                      <a class="navbar-brand">My Company</a> 
                      <li><a href="#">Home</a></li>
                      <li><a href="#">Portofolio</a></li> 
                      <li><a href="#">Contact</a></li>
                 </ul>  
           </div>
      </div>
</div>

更新添加CSS的正确方法：

.navbar-default{
    background:none !important;
    border: 0;
    box-shadow:none !important;
    -webkit-box-shadow: none !important;
}

DEMO