Search code examples
htmlcssskeleton-css-boilerplategrid-system

skeleton grid system: make container 100%

is it possible to make the the root div (container) 100% of the document?
here's my code: 

<div class="container" style="width:100%;">
    <div id="topbar" class="sixteen columns" style="background-color:green;">topbar topbar topbar topbar topbar topbar </div>
</div>

thanks

Solution

  • You'll need to create your own container class. I don't know what the css for the skeleton responsive platform looks like off the top of my head. I use one called Columnal, I know it is similar, so it should be something like this...

    .full-width-container {
width: 100%;
max-width: 100%;
clear: both;
margin: 0 auto;
}

    The normal css should be something like .container { max-width: 1140px; width: 100%; clear: both; margin: 0 auto; }