Вопрос по Bootstrap сетке
 

Добрый день уважаемые. Только начал осваивать 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 но применить не удалось
В мобильной версии оно должно выглядеть вот так, потому то я его и разбиваю так странно

Всё проблема в том что величина дива правой колонки задает смещение для нижней левой колонки. Подскажите, пожалуйста как можно решить ?