@kowkin
Фотографирую, а в свободное время пишу сайты.

Как сверстать подобный блок в bootstrap3?

8686b3c897364ef1ad02c4e8e881e300.jpg
Прям не годую как собрать этот блок. Нужно что бы: лого был высотой во весь блок, название обернуто и под ним две колонки равноразмерные с текстом.
  • Вопрос задан
  • 304 просмотра
Пригласить эксперта
Ответы на вопрос 2
kapitansen
@kapitansen
Веб-погромист
Лого высотой во весь блок:

<img src="" class="img-responsive">

получаем на выходе

<div class="container">
	<div class="row">
		<div class="col-md-12">
			<img src="" class="img-responsive">
		</div>
	</div>
	<div class="row">
		<div class="col-md-offset-2 col-md-8">
			Текст под логотипом	
		</div>
	</div>
	<div class="row">
		<div class="col-md-12"> <!-- Внешний обрамляющий div, таких нужно три на три колонки -->
			<div class="col-md-2">
				<img src="" class="img-responsive"> <!-- Картинка -->
			</div>
			<div class="col-md-10">
				Подпись к картинке <!-- Картинка -->
				<div class="row"> <!-- Внутри разбиваем колонку на две половины -->
					<div class="col-md-6">Текст левой половины</div>
					<div class="col-md-6">Текст правой половины</div>
				</div>
			</div>
		</div>
	</div>
</div>
Ответ написан
Комментировать
@maxyc_webber
Web-программист
бутстрап даст тебе только колоночки. дальше сам дерзай.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы