html - Bootstrap full width row with color -


i purchased theme , trying edit stuck on 1 thing. trying add row (full width bar text in it) extends 1 side of screen other. within container understand limited containers width.

i have tried multiple options similar questions not work.

i have tried: how create 100% screen width div inside container in bootstrap?

bootstrap element 100% width

you can find code entire page here http://pastebin.com/vxxd0ndm

i trying add under line 217.

you have make sure close div has container class , reopen after section you're create. then, div way:

    <div class="container">         <!-- first part of website, before want create -->     <div> <!-- end of .container, you're adding -->      <!--now 3 row part, fullscreen 100% document width-->         <div>             <div class="col-md-4"></div>             <div class="col-md-4"></div>             <div class="col-md-4"></div>          </div>   <!--then, reopen container div have closed-->   <div class="container">   <!-- end of website, after code added --> 

in example, have 3 column each take 1/3 of full page section. div naturally full width of parent element. since close div contains container before (that center code), take 100% of document width.

look @ fiddle; dont forget enlarge output window in don't see mobile version: https://jsfiddle.net/oxw6tsuj/


Comments

Popular posts from this blog

shopping cart - Page redirect not working PHP -

php - How to modify a menu to show sub-menus -

python - Installing PyDev in eclipse is failed -