Добрый день уважаемые. Только начал осваивать Bootstrap, столкнулся с проблемой выравнивания колонок. Приведу пример
Есть вот такое расположение дивов.Необходимо что б див с кнопкой был смещен на место пунктира.
В HTML упрощенно оно выглядит так
<div class="container">
<div class="row">
<div class="col-md-11">
<div class="row ">
<div class="col-md-6 ">
Див с заголовками
</div>
<div class="col-md-6 ">
Див с фотоаппаратом
</div>
<div class="row">
<div class="col-md-6">Див с кнопкой(который надо перенести)</div>
<div class="col-md-6"></div>
</div>
<div class="col-md-offset-1"></div>
</div>
Я читал про свойство clearfix но применить не удалось
В мобильной версии оно должно выглядеть вот так, потому то я его и разбиваю так странно
Всё проблема в том что величина дива правой колонки задает смещение для нижней левой колонки. Подскажите, пожалуйста как можно решить ?