Html 如何在引导中创建固定位置行？

我有一个类似表格的结构，其中第一个

…

作为表格的标题。
我正在尝试将其修复，因此当我向下滚动页面时，用户仍然可以看到列标题。
我给了它一个位置：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>

身份证件
L名称
M
F名称
用户名
电话
身份证件
L名称
M
F名称
用户名
电话

我真的需要这个来处理Chrome/FF/Safary。IE不是一个问题

试试看

---

编辑：我在

处创建简单示例，或将标题定位为“绝对”，我需要在向下滚动时网格顶部保持在同一位置。不是整个容器，因为我正在滚动该容器请参见此处的第一个答案：