1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Как использовать половину ячейки bootstrap

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем AlexGood, 20 авг 2019.

  1. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Как использовать половину колонки в бутстрапе?
    http://prntscr.com/ov4dlq
    Допустим 3 первых колонки
    Первой части контента надо 1,5 колонки и следующей части контента нужна вторая половина этой колонки - как правильно это делается?
     
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Делаете блок на 3 колонки, а внутри два блока по 50% ширины.
     
    AlexGood нравится это.
  3. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Контент весь идет вот таким образом по сетке: http://prntscr.com/ov8x89
    и получается все стыкуется по сетке во второй колонке по середине
    Или просто 100% / 12 = 8,3% одна колонка
    8,3*1,5=12,45%
    и блок в 12 колонок разбивать на 2 части 12,45 и 87,55% - но как тогда работать дальше с сеткой?
    либо я чего-то не догоняю...
     
    Последнее редактирование: 20 авг 2019
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    В таком случае левой колонке ширина задаётся вручную (в пикселях или процентах), а для основного контента класс col без чисел (он растягивает на всю доступную ширину).
     
    AlexGood нравится это.
  5. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    а как тогда дальше работать с правым блоком? также .row и погнал по сетке?
     
  6. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Да.
     
    AlexGood нравится это.