twitter bootstrap 3列堆積

Question

我有我的標記設置顯示3列twitter引導佈局，而是divs堆疊。這應該是真正簡單的，我不知道爲什麼列不是列。

<div class="container-fluid"> 
     <div class="row"> 
     <div class="header"> 

      <div class=".col-xs-6 .col-sm-4"> 

       <a href="{{ URL::route('home') }}"> 

       <div class="header_group"> 
       <img src="../../images/me.png"> 
       <span><h1 class="header_text">Logo</h1></span> 
       </div><!--header group --> 
       </a> 

      </div> 

      <div class=".col-xs-6 .col-sm-4"> 
      middle 
      </div> 

      <div class=".col-xs-6 .col-sm-4"> 
      @include('layout.navigation') 
      </div> 


     </div><!-- main header --> 
     </div><!-- row --> 
     </div><!-- container --> 

Answer 1

類名

<div class="container"> 
     <div class="row"> 
      <div class="header">  

      <div class="col-xs-6 col-sm-4">  
       Column1  
      </div> 

      <div class="col-xs-6 col-sm-4"> 
       Column 2 
      </div> 

      <div class="col-xs-6 col-sm-4"> 
       Column3 
      </div> 

      </div><!-- header --> 

     </div><!-- row --> 
</div><!-- container --> 

Here is the jsfiddle link