Bootstrap導航欄垂直不水平

我使用Bootstrap 3.3.4製作移動響應站點。我將使用服務器端包括，因爲我可以得到web.config文件，因爲我正在使用IIS服務器。Bootstrap導航欄垂直不水平

這是導航欄看起來像只有酒吧。這就是我想要的樣子。

Bootstrap不喜歡PHP嗎？

頁面上的其他元素。 http://hurricanetracking.us/new.php

<nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#">Hurricane Tracking</a> 
    </div> 
    <div> 
     <ul class="nav navbar-nav"> 
     <li class="active"><a href="index.php">Home</a></li> 
     <li><a href="cat.php">Category Information</a></li> 
     <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Current 
      <span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
      <li><a href="Ana.php">Ana</a></li> 
     <!--<li><a href="Bill.php">Bill</a></li> 
     <!--<li><a href="Claudette.php">Claudette</a></li> 
     <!--<li><a href="Danny.php">Danny</a></li> 
     <!--<li><a href="Erika.php">Erika</a></li> 
     <!--<li><a href="Fred.php">Fred</a></li>--> 
      </ul> 
     </li> 
     <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Historical 
      <span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
      <li><a href="Ana.php">Ana</a></li> 
     <!--<li><a href="Bill.php">Bill</a></li> 
     <!--<li><a href="Claudette.php">Claudette</a></li> 
     <!--<li><a href="Danny.php">Danny</a></li> 
     <!--<li><a href="Erika.php">Erika</a></li> 
     <!--<li><a href="Fred.php">Fred</a></li>--> 
      </ul> 
     </li> 
     </ul> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="signup.php"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li> 
     <li><a href="signin.php"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> 
     </ul> 
    </div> 
    </div> 
</nav>

來源

2015-06-08 Lauren Buecker

PHP在服務器上運行並構建一個HTML頁面。 CSS和HTML（即引導程序）在瀏覽器上呈現 –

這就是我所想的。但是當我插入引導代碼後，它搞砸了我所有的代碼。 –

從index.css

.navbar{ 
background-color:#039; 
width:120px; 
position:fixed; 
left: 0px; 
top: 0px; 
float:left; 
}

那是什麼是搞亂它刪除此！

來源

2015-06-09 12:18:02

非常感謝你的完美工作！ –

很酷。只需關閉@LaurenBuecker的問題 –

Bootstrap導航欄垂直不水平

回答

相關問題