如何獲得行跨度上的導航欄，引導

Question

的代碼看起來是這樣的..

<div class="container"><!-- container--> 
    <div class="row"> 
     <div class="col-md-3" rowspan="2"><!-- brand logo--> 
      <a href=""><image src="images/logo.png" class="img-responsive"></image></a> 
     </div> 

     <div class="col-md-9"> 
      <p class="pull-right">date&amp;time</p> 
     </div> 

     <div class="col-md-9"> 

      <nav class="navbar navbar-default"><!-- navbar--> 
       <div class="container"> 
        <div class="navbar-header"> 
         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#kevalheader"> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span>       
         </button> 
        </div> 
        <div class="collapse navbar-collapse" id="kevalheader"> 
         <ul class="nav navbar-nav"> 
          <li><a href="index.html">Home</a></li> 
          <li><a href="kevalservice.html">Service</a></li> 
          <li><a href="kevalprofile.html">Profile</a></li> 
          <li><a href="kevalcontact.html">Contact Us</a></li> 
         </ul> 
        </div> 
       </div> 
      </nav><!-- end of navbar--> 

     </div> 
    </div> 
</div> 

標誌應負責以及導航欄，header..whenever IM這樣滾動條出現在bottom..that能通過刪除導航類，這是在導航，但在突破點它不會工作，所以需要幫助..想要刪除，也..正在向前看.. thx很多adv。

Answer 1

個人而言，我會避免行跨度標籤，因爲我覺得它混淆在我的頭上解析，還我不能完全肯定它在引導電網系統的支持（我將不勝感激一個鏈接到一些文件，如果任何人有一些雖然）。

我會專注於創建列和行的字面意思。

我會做的HTML是這個樣子：

<div class="container"><!-- container--> 
    <div class="row"> 

     <div class="col-md-3"><!-- brand logo--> 
      <a href=""><image src="images/logo.png" class="img-responsive"></image></a> 
     </div> 

     <div class="col-md-9"> 

      <div class="row"> 
       <div class="col-md-12"> 
        <p class="pull-right">date&amp;time</p> 
       </div> 
      </div> 

      <div class="row"> 
       <div class="col-md-12"> 
        <nav class="navbar navbar-default"><!-- navbar--> 
         <div class="container"> 
          <div class="navbar-header"> 
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#kevalheader"> 
            <span class="icon-bar"></span> 
            <span class="icon-bar"></span> 
            <span class="icon-bar"></span>       
           </button> 
          </div> 
          <div class="collapse navbar-collapse" id="kevalheader"> 
           <ul class="nav navbar-nav"> 
            <li><a href="index.html">Home</a></li> 
            <li><a href="kevalservice.html">Service</a></li> 
            <li><a href="kevalprofile.html">Profile</a></li> 
            <li><a href="kevalcontact.html">Contact Us</a></li> 
           </ul> 
          </div> 
         </div> 
        </nav><!-- end of navbar--> 
       </div> 
      </div> 

     </div> 
    </div> 
</div>