responsive bootstrap for all devices code example
Example 1: row class in bootstrap
/*
In Bootstrap, the "row" class is used mainly to hold columns in it.
Bootstrap divides each row into a grid of 12 virtual columns.
In the following example, the col-md-6 div will have the width of 6/12 of the "row"s div, meaning 50%.
The col-md-4 will hold 33.3%, and the col-md-2 will hold the remaining 16.66%.
*/
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-4"></div>
<div class="col-md-2"></div>
</div>
Example 2: bootstrap change column width
.col-sm-3half, .col-sm-8half {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.col-sm-3half, .col-sm-8half {
float: left;
}
.col-sm-3half {
width: 29.16666667%;
}
.col-sm-8half {
width: 70.83333333%;
}
}