Соглашусь с ораторами выше. Доки по бутстрапу.
По сетке - суть в класах (xs, md, sm, xl, lg) - каждый клас даст свои размеры для адаптивности.
Например
<div class="col-lg-6 col-md-10"></div>
<div class="col-lg-6 col-md-2"></div>
<div class="col-lg-12 col-md-6 col-md-offset-6"></div>
На десктопе - 2 колонки в ряд, 3я колонка под ними.
При адаптиве под другое расширение экрана - 1я колонка будет шириной в 10 колонок, 2я в 2 (они будут стоять в ряд). 3я колонка будет шириной 6 и отступать слева на 3. Можете написать в скайп или вк, обьясню поподробнее, а так читать доки.