Add Container Add-on Using Twitter Bootstrap

Question

Using Twitter Bootstrap, I'm looking for a way to add leftovers on the left or margins on the left to the page container . (expressed in units of page percent)

In fact, if I do not include bootstrap-responsive.css, the padding is good for me. But I would like my site to work perfectly on mobile phones. Therefore, it is necessary to include this file, and the direct effect (why?) Is that padding-left (or margin-left, I don’t know) is less important.

I tried to manually add the padding-left or margin-left class to the container class in my own CSS, but it increases the width of the page and creates a horizontal scrollbar.

Do you know a safe way to do this, perhaps using the tools provided by Bootstrap?

Answer 1

There may be other ways, but try sth. eg:

<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 sensitive and narrow at the same time. About bootstrap fluidgridsystem .

Answer 2

 <div class="container"> <div class="row-fluid"> <div class="col-md-offset-2 col-md-8"> Content </div> </div> </div>