Add a padding to the container with Twitter Bootstrap

twitter-bootstrap

Solution

There maybe other ways but try sth. like this:

<div class="container">
    <div class="row-fluid">
        <div class="span2"></div>
        <div class="span8">
            Content
        </div>
        <div class="span2"></div>
    </div>
</div>

This makes your page responsive and narrower at same time. About bootstrap fluidgridsystem.

Problem

Using Twitter Bootstrap, I'm looking for a way to add padding left, or margin left, to the container of the page. (expressed in units of percentage of the page) In fact, if I don't include bootstrap-responsive.css, the padding is quite good for me. But I would like that my website works fine on mobiles. So it is necessary to include this file, and a direct effect (why ?) is that the padding-left (or margin-left, I don't know) is less important. I've tried to add manually padding-left or margin-left to the container class in my own CSS, but it enlarges the width of the page and creates an horizontal scroll-bar. Do you know a safe way to do it, maybe using tools provided by Bootstrap ?

Original source