SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru
    Join Date
    Oct 2010
    Location
    Portland, Or
    Posts
    724
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    in bootstrap how do I make the various divs reach to the borders of the page.

    my test practice/site is www.thebigmeow.us I would love the advice.
    how do i get the header for example to stretch all the way to the browser border.
    The wrap has a 100% width. So that should work and all inner divs unless they are at a set size they should stretch as well.

    Using bootstrap flexible.

    Thank you.
    D

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by pdxSherpa View Post
    The wrap has a 100% width. So that should work and all inner divs unless they are at a set size they should stretch as well.
    Yes, but the wrapper div has left and right padding on it, which makes it more than 100% width (as padding is added to the overall width)—so it is pushing everything to the right a bit (and some content is off screen): line 112

    Code:
    .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    }
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Guru
    Join Date
    Oct 2010
    Location
    Portland, Or
    Posts
    724
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Thank you ralph will go check it out. I had tried to mess w/the wrap setting; from 0 & auto to 0 to 100% had not looked at the container.

  4. #4
    SitePoint Guru
    Join Date
    Oct 2010
    Location
    Portland, Or
    Posts
    724
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    yeah it's throwing everything off to the left.

  5. #5
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,454
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by pdxSherpa View Post
    yeah it's throwing everything off to the left.
    Hey, Sherpa...

    http://www.sitepoint.com/forums/show...=1#post5444688


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •