html - Creating a layout using bootstrap -



html - Creating a layout using bootstrap -

i need create layout using bootstrap 3. layout should have similar -

here, can create reddish column others have confusing.

this code far -

<div class="container"> <div class="row"> <section class="col-sm-5"> </section> <section class="col-sm-7"> </section> </div> <!-- /.row --> </div> <!-- /.container -->

can tell me how create other columns using bootstrap?

you can nest elements. think of sec column (the bluish , green) single page.

inside sec column (your col-sm-7) create 2 rows. first 1 contains col-sm-12 becomes bluish box , sec row has 2 col-sm-6 elements each of greenish boxes.

<div class="container"> <div class="row"> <div class="col-sm-5"> reddish </div> <div class="col-sm-7"> <div class="row"> <div class="col-sm-12"> bluish </div> </div> <div class="row"> <div class="col-sm-6"> left-green </div> <div class="col-sm-6"> right-green </div> </div> </div> </div> </div>

and here running in bootply: http://www.bootply.com/um1casobek

html css twitter-bootstrap

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -