How to make a fixed position in bootstrap?

Question

I have a table structure where the first <div class="row">...behaves like a table title.
I'm trying to fix this, so when I look at the page, users can still see the column headers.
I gave him a position: fixed, which achieves this, but now the width of the columns is broken.

<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>

I really need this to work with Chrome / FF / Safary. IE does not bother

Answer 1

Try <div class="container" style="position: fixed"> EDIT: I am creating a simple example at http://jsfiddle.net/ytJV7/2/