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

1 vote294 views1 answer
@extend must be used with a %placeholder
CSS
0 vote350 views1 answer
Can i do an onclick menu with css alone
CSS
13 votes308 views4 answers
Cursor pointer events none
CSS
0 vote375 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS
-1 vote401 views2 answers
How to set background automatically with my screen height
CSS
0 vote317 views1 answer
Center text html css position fixed
CSS
2 votes322 views1 answer
Css focus change color
CSS
6 votes266 views1 answer
Jqeury css edit
CSS
0 vote302 views1 answer
Horizontal checkbox css
CSS
0 vote365 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS