Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Нарисовать секцию на bootstrap 4, прошу помощи 
V
    Опции темы
Majestio
Дата 24.4.2018, 23:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 83
Регистрация: 19.12.2010

Репутация: нет
Всего: нет



Приветствую!

Нужно разместить блоки в секции вот в таком виде:

user posted image

А требования таковы:

  1. Ширина A+Б=100% окна
  2. Ширина Б - по своему содержимому
  3. Высота всей секции - по содержимому Б
  4. Высота В - по своему содержимому
  5. Выравнивание А - по середине ширины и высоты
  6. Выравнивание Б - по середине ширины и высоты
  7. Выравнивание В - по середине высоты, по правой стороне ширины

Пока не получается выполнить п.4-7.
Хелп!!!
PM MAIL WWW   Вверх
_zorn_
Дата 26.4.2018, 19:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1077
Регистрация: 21.8.2007

Репутация: 2
Всего: 12



Дарова. А это типа бесплатно тебе нарисовать ?  smile 
PM MAIL   Вверх
Majestio
Дата 26.4.2018, 19:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 83
Регистрация: 19.12.2010

Репутация: нет
Всего: нет



Цитата(_zorn_ @  26.4.2018,  19:01 Найти цитируемый пост)
Дарова. А это типа бесплатно тебе нарисовать ?  smile  

И тебе не хворать!

Сперва думал платно. Задал слишком прекрасный платный вопрос - почему бы и не получить за это не менее прекрасный лавандос?!! Но потом подумал, что я скупердяй последний - пускай уж ответят бесплатно, сколько той жЫсти! Но, видимо и "бесплатно" - слишком завышенная цена. Поэтому публикую решение "себе в убыток"  smile ...

Код

<div class="container-fluid">
  <div class="row">
    <div class="col d-flex flex-column">
      <div class="col d-flex justify-content-center align-items-center">А</div>
      <div class="d-flex justify-content-end align-items-center">В</div>
    </div>
    <div class="col-md-auto d-flex justify-content-center align-items-center">22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
                                                                              22222 22222 22222 22222<br>
    </div>
  </div>
</div>


За сим откланиваюсь - вопрос закрыт.

Это сообщение отредактировал(а) Majestio - 26.4.2018, 19:45
PM MAIL WWW   Вверх
_zorn_
Дата 28.4.2018, 16:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1077
Регистрация: 21.8.2007

Репутация: 2
Всего: 12



Красавчик user posted image

С картинками тут все так же пичально...

Это сообщение отредактировал(а) _zorn_ - 28.4.2018, 16:34
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1195 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.