Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
17 lines (11 sloc) 902 Bytes

Use the Bootstrap Grid to Put Elements Side By Side

Bootstrap uses a responsive grid system that makes it easier to put elements into rows and tell each element's relative width.

Bootstrap 12 column grid layout

Note that in this illustration, the col-md-_ class is being used. Here, md means medium, and _ is a number specifying how many columns wide the element should be. In this case, the column width of an element on a medium-sized screen, such as a laptop, is being specified.

<div class="row">

  <div class="col-xs-4"><button class="btn btn-block btn-primary">Like</button></div>
  <div class="col-xs-4"><button class="btn btn-block btn-info">Info</button></div>
  <div class="col-xs-4"><button class="btn btn-block btn-danger">Delete</button></div>

</div>
Something went wrong with that request. Please try again.