Col-md-6 bootstrap

.col-12 bootstrap

.col-12{
	flex: 0 0 100%;
	max-width: 100%;
}

.col-6 bootstrap

.col-6{
	flex: 0 0 50%;
	max-width: 50%;
}

Bootstrap 3 offset

col-sm-offset-2

Col-md-6 bootstrap

<div class="col-lg-2 col-md-4 col-sm-3 "> Your Stuffs </div>

/*
col-lg  for large

col-md for med 

col-sm for small 

enjoy :) 
*/

A column inside another column bootstrap html

<div class="row">
  <div class="col-sm-9">
    Level 1: .col-sm-9
    <div class="row">
      <div class="col-8 col-sm-6">
        Level 2: .col-8 .col-sm-6
      </div>
      <div class="col-4 col-sm-6">
        Level 2: .col-4 .col-sm-6
      </div>
    </div>
  </div>
</div>

Source: getbootstrap.com

Similar codes

0 vote193 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
2 votes183 views2 answers
Bootstrap modal show on page load without jquery
Javascript Bootstrap
0 vote195 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote185 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
0 vote210 views2 answers
./node_modules/bootstrap/dist/js/bootstrap.bundle.js
Javascript Bootstrap
0 vote177 views1 answer
Sorting disable in datatable bootstrap
Javascript Bootstrap
2 votes180 views4 answers
Add bootstrap to gatsby
Javascript Bootstrap
3 votes183 views9 answers
Bootstrap 5
Javascript Bootstrap
2 votes179 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript Bootstrap
13 votes208 views3 answers
Angular.json bootstrap path
Javascript Bootstrap