2014-03-06 22 views
4

我有一個類似於表格的結構,其中第一個<div class="row">...表現爲表格的標題。
我想讓它修復,所以當我向下滾動頁面時,用戶仍然可以看到列標題。
我給它的位置:固定,這實現了,但現在,列的寬度被丟棄。如何在bootstrap中設置固定位置?

<div class="container"> 
      <div class="row" style="position:fixed;"> 
       <div class="col-md-1">id</div> 
       <div class="col-md-3">L Name</div> 
       <div class="col-md-1">M</div> 
       <div class="col-md-2">F Name</div> 
       <div class="col-md-3">Username</div> 
       <div class="col-md-2">Phone</div> 
      </div><!-- row --> 
<!-- some data --> 
      <div class="row"> 
       <div class="col-md-1">id</div> 
       <div class="col-md-3">L Name</div> 
       <div class="col-md-1">M</div> 
       <div class="col-md-2">F Name</div> 
       <div class="col-md-3">Username</div> 
       <div class="col-md-2">Phone</div> 
      </div><!-- row --> 
</div> 

我真的需要這個在Chrome/FF/Safary上工作。 IE是不是擔心

+0

創建簡單的例子,看到這裏的第一個答案:http://stackoverflow.com/questions/6794000/fixed-position-but-relative - 到容器 – ZimSystem

回答

6

試試吧 <div class="container" style="position: fixed"> 編輯:我在http://jsfiddle.net/ytJV7/2/

+0

或定位標題爲'絕對' – user1809655

+0

當我向下滾動時,我需要網格頂部留在相同的位置。不是整個容器留下來,因爲我滾動該容器 –

+0

我更新jsfiddle,希望它是幫助。 – user1809655