Les éléments

container, contrainer-fluid, row, col

Voici un exemple contruction de la grille.

<div class="container">
   <div class="row">
      <div class="col-md-6 col-xs-12"></div>
      <div class="col-md-6 col-xs-12"></div>
   </div>
</div>

Explication

L'initialisation d'une grille se fait via la class class="container". (Il est également possible d'utilser class="container-fluid").

Une fois la grille initialisée, il faut créer une nouvelle ligne via la classe class="row".

Une fois la ligne créé, il faut rajouter des cases via les classes class="col-lg-*", class="col-md-*", class="col-sm-*" et class="col-xs-*".
Pourquoi proposer 4 types de "col" différents? Simplement pour paramétrer les différentes largeurs d'écran :