Tribue Page grid system help

<div class="col-xs-12 col-sm-10 col-md-10" can you guys help me understand what it does to use multiple grid classes for a grid like this. Also what does offsetting grid class do. I tried reading the documentation and still didn't quit get it.

Previously: The Bootstrap Grid System Explained