如何在bootstrap中定位行?

时间:2014-03-06 15:33:43

标签: html css twitter-bootstrap gridview

我有一个类似于表格的结构,其中第一个<div class="row">...表现为表格的标题 我试图修复它,所以当我向下滚动页面时,用户仍然可以看到列标题 我给它定位:fixed,实现了这一点,但是现在,列的宽度被破坏了。

<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不是问题

1 个答案:

答案 0 :(得分:6)

试试吧 <div class="container" style="position: fixed"> 编辑:我在http://jsfiddle.net/ytJV7/2/

创建了一个简单的例子