Take the 2-minute tour ×  I'm simply trying to make the width of
a container a percentage instead of the Bootstrap default 940px.
My CSS in main.css:  <style type=text/css>         width: 200px
!important;   <link rel="stylesheet" type=text/css
href="/static/css/bootstrap.css"> <script type=text/javascript
src="/static/js/bootstrap.js"></script> <!--custom css--> <link
rel="stylesheet" type=text/css href="/static/css/main.css">
<div class="container" id="main-container">   <div class="row-
fluid">     <div class="span12">       {% block body %}{%
endblock %}  I'm able to change the width with a dirty method of
modifying the style manually at the 7th line in the HTML. So my
guess is that something is taking precedence over my CSS.
Bootstrap itself doesn't seem to specify an !important width.
At line 224 in bootstrap.css:  .navbar-static-top .container,
.navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 940px;   Removed tags in main.css.  share|improve this
question Does bootstrap have