Возможно ли выполнить верстку блока на Bootstrap?

Question

[sasha_jarvi]

Возможно ли выполнить верстку блока как на картинке с использованием bootstrap? Если да, то как это сделать и как должны быть расположены .row и .col?

Comments

[Даниил Маслов]

можно

Answer 1

[noeer]

С помощью вложенных рядов можно сделать колонки практически любой ширины.

Comments

[sasha_jarvi]

Правильно ли я понял, что приблизительно так?
https://jsfiddle.net/L5qude0j/

[noeer]

Внутри .сol делаете еще одни .row и опять делите его на колонки.
Например так

<div class="container">
	<div class="row">
		<div class="col-md-6">
			<div class="row">
				<div class="col-md-5"></div>
				<div class="col-md-7"></div>
			</div>
		</div>
		<div class="col-md-6"></div>
	</div>
</div>

Ну и комбинировать можно как угодно.

Answer 2

[Алексей Голягин]

Я бы сделал примерно так:

<div class="container">
    <div class="row">
        <div class="col-md-3">дата</div>
        <div class="col-md-8 col-md-offset-1">хлебные крошки</div>
    </div>
    <div class="row">
        <div class="col-md-8">
            <div class="row">
                <div class="col-md-3">Поделится</div>
                <div class="col-md-8 col-md-offset-1">Название статьи</div>
            </div>
            <div class="col-md-10 col-md-offset-1">Текст статьи</div>
        </div>
        <div class="col-md-3 col-md-offset-1">содержимое</div>
        
      </div>
</div>

col-md-offset-1 - для отступов - можно без них, тогда нужно оборачивать содержимое в отдельные контейнеры и давать им отступы при помощи css и в col-md-цифра увеличится где offset