html - W3CSS: fluid layout to center the page? -
i use w3css build responsive site. center page thought, i'd use 12-column system provide. did this:
<div class="w3-container"> <div class="w3-row"> <div class="w3-col m2 l3 w3-container w3-blue"></div> <div class="w3-col m8 l6 w3-container w3-white"> <p> hello world! <br> <br> let's this. <br> <br> lot of fun... </p> </div> <!-- content column --> <div class="w3-col m2 l3 w3-container w3-red"></div> </div> <!-- content container row --> </div> <!-- page container -->
i had assign class w3-container
w3-col
. otherwise layout wouldn't work. downside of adding w3-container
is, w3-color-classes won't apply anymore. my problem: want 2 divs surrounding content-div have color. background-color won't apply. neither adding w3-class nor adding manually via css.
here's whole jsfiddle: https://jsfiddle.net/timothys_monster/kp445w0u/10/
you need use .w3-content
class selected parent element , should set max-width 1200px or so. inside of can use 12-column grid wanted. check here
Comments
Post a Comment