Блог

я пытаюсь создать строку в bootstrap с 3 изображениями :

_{(источник: hostingpics.net )}

Но я не знаю, как .. я хочу иметь 2 столбца в строке, а второй столбец с изображением B и изображением C должен иметь тот же размер, что и первый столбец, определяемый размером изображения A.

Что добавляется, когда я пытаюсь это сделать, так это строка, принимающая размер второй высоты столбца, в зависимости от размера изображений B и C.

Изображения B и C могут иметь случайный размер, не определенный.

замечание, связанное с ответом :

Строка всегда должна быть размером первого столбца, даже если реальный размер добавления высоты изображения B и C больше, это означает, что изображения B и C должны корректировать свой размер, чтобы соответствовать высоте первого столбца, определяемой изображением A. Итак, дляв вашем тесте у вас должно быть большое изображение во втором столбце (> высота изображения A).

спасибо за вашу помощь.

У вас могут быть вложенные строки. Первая строка разбита на 2 столбца. Первый столбец содержит изображение A. Второй столбец содержит две строки внутри с одним столбцом, по 1 для изображения B и изображения C.

 <div class="row">
    <div class="col-xs-6">
        <img src="image-a">
    </div>
    <div class="col-xs-6">
        <div class="row">
            <div class="col-xs-12">
                <img src="image-b">
            </div>
            <div class="col-xs-12">
                <img src="image-c">
            </div>
        </div>
    </div>
</div>
  

Смотрите это: http://codepen.io/anon/pen/BLwzZx