Bootstrap — как осуществить совершенно не стандартную верстку?

Question

[Сергей Dydaevskiy]

Друзья здравствуйте. Имеется не совсем стандартная задачка, имеется эксклюзивный плагин для WordPress в котором реализована подгрузка блоков аяксом, мне же как начинающему верстальщику необходимо сверстать при помощи бутстрапа блоки в таком положении в котором они не как не могут быть правильно сверстаны из-за их расположения в плагине.
Теперь более подробнее. На данный момент блоки в коде располагаются так:

<div class="candidate">
		<h3>test2 test2 x</h3>
		<div class="detail">
			<div class="foto_small col-md-3"><img src="http://golos.cofe-code.net.ua/wp-content/plugins/rank/adminpage/img/defava.jpg"></div>
			<div class="description_small">
				<p>test2</p>
			</div>
			<div class="votes_result">
				Голосов у кандидата:2
			</div>
			<div class="vote_zone">
				<div class="button button-primary">
					Отдать голос за этого кандидата
				</div>
			</div>
		</div>
		<div class="button button-primary">
			test2
		</div>
	</div>

И выглядят так:
https://goo.gl/Ej84O1

Необходимо не затронув расположения блоков (так как блоки прописаны жестко в плагине, который страшновато трогать) в писать в них классы Bootstrap таким образом что бы в итоге получилось вот это:
https://goo.gl/Dfvao7

Как осуществить? Всем ответившим огромное спасибо, и безмерная благодарность.

Comments

[alvvi]

если они подгружаются аяксом, в js все равно придется лезть, может у плагина есть API? Киньте ссылку на него.

[Сергей Dydaevskiy]

Привет Илья, в любом случае классы будут добавляться в блоки плагина, но вот менять их (div'ов) место расположения - переписывать плагин (за которым последует отладка тестирование и т.д.). То есть добавить классы к уже существующим блокам не проблема, проблема в том что б все это добавить не затрагивая структуру блоков в плагине. Как-то так.

[Сергей Dydaevskiy]

Красные линии это раскройка для расположения блоков бутстрапа

Answer 1

[Максим Тимофеев]

Если это делать на bootstrap - то придется править верстку, не уверен, что классами тут можно обойтись, можно конечно поиграться с push, pull и offset, но зачем? Сделайте backup и переверстайте плагин.
Но если все же верстку трогать нельзя, тогда я бы не трогал и bootstrap и решил бы все абсолютным позиционированием.

Comments

[Сергей Dydaevskiy]

Здравствуйте Максим, спасибо за Ваш ответ.
Да как-то чем дальше тем ближе именно Ваш вариант. Просто тягать абсолют для мульти адаптивности... Плакали мои пальцы и мышка.

[Максим Тимофеев]

Сергей Dydaevskiy: Адаптив надо будет делать только для родительского блока, остальное надо расставить в нем используя % от размеров родителя.

Answer 2

[Антон Тихомиров]

Понятно, что вопрос уже не актуален скорее всего, однако зачем тут вообще бутстрап, если по сути верстка основана вообще не на нем? То есть почему вообще заказчику так принципиально его использовать? Потому-что бутстрап?))