На это влияет и vertical-align, и line-height, потому что проблема общая и решается многими вариантами, включая действиями с line-height, указанием высоты родителя или правкой вертикального выравнивания.

Конечно много.

Я умываю руки, господа, пора отправиться к Морфею.

Хороший чат, полезный.

На это влияет и vertical-align, и line-height, потому что проблема общая и решается многими вариантами, включая действиями с line-height, указанием высоты родителя или правкой вертикального выравнивания.

ну вот мне на собесе по 5-6 вариков предлагают

рано штот

Ну вот и я про то)

я только с работы ухожу

У меня уже час ночи, а завтра снова обверстаться надо.

поздновато

Нет, обратно умылся, ещё тут.

поздновато

Ну такое, я не рано подрываюсь на ворк.

ну я тоже

часика в 3-4 ложусь

и прихожу в 12-13

Я сейчас представил, как тебе надо куда-то идти, ты ложишься часа в 3 и лёжа идёшь к цели, доходишь к полудню.

Ладно, не будем флудить.

Так и должно быть. Никогда не убираю. Заказчики всегда рады были.

Из-за тог, что содержимое твоей страниц занимает столько место, сколько указано на твоём скриншоте.

места*

вопрос. где твоя мобильная версия?;D

Парни, как в бутстрапе сделать правое меню со своими рядами

разделив страницу 3:4 основной контент, 1:4 на боковое меню (типа как на ютуб-где рекомендуемое)

В адаптивной версте лучше использовать везде rem или для padding margin и похожих лучше использовать px

?

разделив страницу 3:4 основной контент, 1:4 на боковое меню (типа как на ютуб-где рекомендуемое)

<div.col-md-9> <div.col-md-3>

разделив страницу 3:4 основной контент, 1:4 на боковое меню (типа как на ютуб-где рекомендуемое)

и вот тебе 3 на 4

а адаптивно это дело будет?

бутстрап адаптивен

внутри этих дивов уже размещать div.row ?

внутри этих дивов уже размещать div.row ?

ну я точно не знаю что тебе нужно

Что ты тогда мозги трахаешь ?

ну я точно не знаю что тебе нужно

На бумаге накидаю рисунок?)

попробуй

ок пару минут

ок пару минут

дели от большего к меньшему. сетка = 12 колонок

Это да

Причем то что справа-тоже картинки вжатые в определенные пропорции

ну вот. делишь сначала весь экран на 9 частей и 3 части

потом фото1 (я так понимаю, что на всю ширину) - ему внутри этих ДЕВЯТИ частей задаешь ширину 12 частей

соответственно для рекомендуемого то же самое

а если не задавать?

внутри

просто внутри <div class="col-md-3"> в цикле выводить div.row

Но при адаптации под мобилы, правые картинки уедут вниз и растянутся, если использовать bootstrap

зачем тебе row внутри col-md?

зачем тебе row внутри col-md?

а как выводить строки?

есть массив, его нужно вывести один за другим (фотки)

я не верстальщик( не пинайте сильно

а как выводить строки?

делаешь div.row потом внутри него пишешь div.col-md-12 например значит у тебя этот элемент (col-md-12) будет растягиваться на всю ширину) когда ты пишешь еще один col-md-12, он у тебя в первую строку уже не поместится, и автоматом сместится на вторую строку. тебе искусственно не нужно заставлять его переходить на новую строку. понимаешь?

да

получается цикл делать внутри div.row

да.

Типа так

так row один будет для обеих колонок?

если у тебя например фотографии из разных категорий, то ты можешь оберунть их (каждый) в div.row тогда следующая категория начнется с новой строки

так row один будет для обеих колонок?

вот пока ты разбираешься, представь, что твоя строка (div.row) - это строка в таблице а div.col-md - это ячейки в этой строке

+ чтобы лучше понимать что ты верстаешь, напиши <div class="row" style="border: 1px solid black;">...</div>

будешь видеть границы

поймешь где начинается твоя строка, где заканчивается

если у тебя например фотографии из разных категорий, то ты можешь оберунть их (каждый) в div.row тогда следующая категория начнется с новой строки

Внутри col делаешь блок и всё, то есть <div class="col-md-..."> это блок в котором ты можешь создать оформление под несколько картинок и с новым div, а когда будешь менять разрешение экрана <div class="col-md-..."> один кол сделает второй под первым

так row один будет для обеих колонок?

есть еще вопросы?

вкуриваю, пробую

на мобилки как правильно будет отображать

так же две колонки чтобы были видны?

справа рекомендуемые оставались, а не сваливались в конец?

сейчас нарисую наглядно

и такой вопрос-у картинок те что в рамках "рекомендуемые" - могут быть разные размеры и пропорции. Их можно вписать в одинакового размера и отношения прямоугольники? да что то растянется или сожмётся-главное вписать

Можно задать

как

правильно

так не выйдет. у тебя на одном уровне два div.row

а, сори, это две картинки на одной

не заметил

тоесть на всю страницу-два раза будет div.row

родительские