2014-03-06 21 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