Databases
StackOverflow2013
Postsdbo
PODiv row-fluid does not work in Django and Twitter-Bootstrap
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODiv row-fluid does not work in Django and Twitter-Bootstrap
    text
    copied!<p>I'm using Django and Twitter-Bootstrap to create the layout, but the row div fluid in the template does not work. I'm using inheritance templates and tried placing the div in children templates but does not work. What should happen is resizing the page according to the resolution of the browser. This is an example: <a href="http://twitter.github.com/bootstrap/examples/fluid.html#" rel="nofollow">http://twitter.github.com/bootstrap/examples/fluid.html#</a></p> <p>The structure may be:</p> <pre><code>&lt;div class="container-fluid"&gt; &lt;div class="row-fluid"&gt; &lt;div class="span3"&gt;&lt;/div&gt; &lt;div class="span9"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>base.html:</p> <pre><code>&lt;div class="container-fluid"&gt; &lt;div class="row-fluid"&gt; {% block sidebarnav %} {% endblock sidebarnav %} {% block content %} {% endblock content %} &lt;/div&gt; &lt;/div&gt; </code></pre> <p>base_profile.html:</p> <pre><code>{% extends "base.html" %} {% block sidebarnav %} {% endblock sidebarnav %} {% block content %} {% endblock content %} </code></pre> <p>base_home.html</p> <pre><code>{% extends "base_profile.html" %} {% block sidebarnav %} &lt;div class="span3"&gt; &lt;div class="well sidebar-nav"&gt; &lt;ul class="nav nav-list"&gt; &lt;li class="nav-header"&gt;Home&lt;/li&gt; &lt;li class="{% active request '/home/' %}"&gt;&lt;a href="{% url 'home' %}"&gt;&lt;i class="icon-home"&gt;&lt;/i&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li class="divider"&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; {% endblock sidebarnav %} {% block content %} {% endblock content %} </code></pre> <p>index_home.html</p> <pre><code>{% extends "base_home.html" %} {% block content %} &lt;div class="span9"&gt; content &lt;/div&gt; {% endblock content %} </code></pre> <p>With this structure the fluid div row appears in firebug but does not work to resize the layout as the resolution of the browser. Thanks!</p> <p>EDIT(solution):</p> <p>Need the file responsive to works perfectly.</p> <pre><code>&lt;link href="{{ STATIC_URL }}css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" /&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload