如何使固定位置行在引导？ [英] How to make fixed position row in bootstrap?

问题描述

我有一个类似表格的结构，其中第一个< div class =row> ... 表现为表的头。 >
我试图使它固定，所以当我向下滚动页面，用户仍然可以看到列标题。

我给它的位置：fixed，这实现了，但现在，列的宽度被删除。

I have a table-like structure, where the first <div class="row">... behave as the header for the table.
I am trying to make it fixed, so when I scroll down the page, users can still see the columns headings.
I gave it position:fixed, which achieves that, but now, the width of the columns is trashed.

<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不是关注

I really needs this to work on Chrome/FF/Safary. IE is not a concerns

推荐答案

尝试它
< div class = style =position：fixed>
编辑：我在 http://jsfiddle.net/ytJV7/2/

这篇关于如何使固定位置行在引导？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！