Databases
StackOverflow2013
Postsdbo
POHow do I make a span12 100% in bootstrap. Im trying to make everything 100% of the screen size
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow do I make a span12 100% in bootstrap. Im trying to make everything 100% of the screen size
    primarykey
    data
    text
    <p>Ok so im trying to make a span with content in it go across the screen 100% and for some reason everytime I do width:100% on the span it shows up weird,it extended off to the right all the way and leaves a margin on the left side of it. im not even sure if I should use span for this but I would guess so. im trying to make my span12 take up 100% of the screen.</p> <p>my code looks basic:</p> <pre><code>&lt;div class="row-fluid"&gt; &lt;div class="span12"&gt; &lt;ul class="inline"&gt; &lt;li&gt;&lt;a href="#"&gt;Link1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link1&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>the span12 as you know does not take up 100% entirely it leaves about a 20px or so margin on both sides.</p> <p><strong>UPDATE:</strong></p> <p>Ok if you do this:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;title&gt;Untitled&lt;/title&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;!-- Bootstrap --&gt; &lt;link href="css/bootstrap.min.css" rel="stylesheet" media="screen"&gt; &lt;style type="text/css"&gt; .span12 { background:#999; padding:20px 0px; } /*THIS IS A GREY BOX THAT GOES ACROSS THE ENTIRE SCREEN end*/ &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="container-fluid"&gt; &lt;div class="row-fluid"&gt; &lt;div class="span12"&gt; &lt;p&gt;THIS IS THE GREY BOX CONTENT THAT I WANT GOING ACROSS THE ENTIRE SCREEN 1OO% WITH NO MARGIN THATS THE SPAN12 HAS ON THE SIDES&lt;/p&gt; &lt;/div&gt;&lt;!--span12 END--&gt; &lt;/div&gt;&lt;!--row END--&gt; &lt;/div&gt;&lt;!--container END--&gt; &lt;/body&gt; </code></pre> <p><strong>you will have a grey box going across the screen and as you know span12 fluid does not go ALL the way across the screen it has about a 20px or so margin on the left and right of the span. I want the span12 (grey box) to have the width of 100% going across the entire screen.</strong></p> <p>I have tryed html, body { margin: 0; padding: 0; } and it does not work the span12 still has margins on the side of instead of going 100% (entire screen)</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USLucas Santos
    1. USLucas Santos
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. CODo you have any example of what you're trying to achieve?
      singulars
      1. POHow do I make a span12 100% in bootstrap. Im trying to make everything 100% of the screen size
      1. USThemes.guide
    2. COCould you explain what is your problem with an image or something? I can't see nothing strange with that layout: http://bootply.com/61158
      singulars
      1. POHow do I make a span12 100% in bootstrap. Im trying to make everything 100% of the screen size
      1. USPigueiras
    3. COMy reputation is to low read my questions again it got updated.
      singulars
      1. POHow do I make a span12 100% in bootstrap. Im trying to make everything 100% of the screen size
      1. USLucas Santos
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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