Learn how to design page layout using bootstrap framework, in bootstrap framework, you will get all ready-to-use class for any web page design requirement. all classes are responsive, means using bootstrap css class, web page will be compatible for any device like mobile, tablet, desktop.
Containers are the most basic layout element in Bootstrap . There are two class for container in Bootstrap
<div class="container"> <!-- Content here --> </div>
<div class="container-fluid"> <!-- Content here --> </div>
You need to understand 12 columns grid concept in bootstrap, you can split the view using different set of columns as per requirement, columns class are responsive, get set easily with different screen size, when screen width is less the objects required, it comes below each other.
<div class="row"> <div class="col-md-6"> </div> <div class="col-md-6"> </div> </div> <div class="row"> <div class="col-md-4"> </div> <div class="col-md-4"> </div> <div class="col-md-4"> </div> </div>
Bootstrap Layout Implementation Tutorial
Let’s create a webpage layout using bootstrap
Remember there many website where probably you get free bootstrap templates, but you learn how to create webpage templates using bootstrap framework, nothing can be better than that, because you will have 100% control of what you are creating, also you can change the templates as per you business need whenever you want, so, learn how to create a responsive webpage using bootstrap templates .
Here are some bootstrap layout examples.