Уроки по Bootstrap 3 | #2 Система сеток (Grid)


https://i.ytimg.com/vi/NHlfe3hH5-w/hqdefault.jpg



В этом уроке мы рассмотрим встроенную в Bootstrap систему сеток. Она очень гибкая, простая и удобная в использовании. Приятного просмотра!

Original source

46 thoughts on “Уроки по Bootstrap 3 | #2 Система сеток (Grid)

  • February 11, 2021 at 23:41
    Permalink

    А скажите если сверстать сайт на bootstap 3, он будет во всех браузерах корректно отображаться? (на сколько понимаю бутстрап создан на float )

  • February 11, 2021 at 23:41
    Permalink

    Ребята очень хорошо все получается, css3 изучил и верстаю макеты, теперь перешел на фреймворк, конечно буду пользоваться им только по надобности и не злоупотреблять этим. У меня единственная проблема, с которой я столкнулся это адаптив! Почему он мне как то трудно дается, что можно изучить чтобы его закрепить нормально? Медиазапросы и т.д. все нормально понимаю, пока другой кто то делает, как есть задание сверстать адаптивную страницу, сразу какая то каша в голове…спасибо!

  • February 11, 2021 at 23:41
    Permalink

    Много лишних слов! Про гнусавый голос, например, ненужные вступления и, в общем, больше по делу бы хотелось!

  • February 11, 2021 at 23:41
    Permalink

    почему у меня получается 3 полосы, друг под другом.
    почему в инспекторе какие то левые Id, короче ничего не получается…

  • February 11, 2021 at 23:41
    Permalink

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

  • February 11, 2021 at 23:41
    Permalink

    Неужели нельзя было поставить белый бордер у контейнеров?…

  • February 11, 2021 at 23:41
    Permalink

    Magisters, не интерпритирует в Chrome серого блока,
    html
    1 .<link href="css/style.css" rel="stylesheet">
    2 <body>
    <div class="container">
    <div class="row">
    <div class="col-ig-4"></div>
    <div class="col-ig-4"></div>
    <div class="col-ig-4"></div>
    </div>
    css
    1.row div {
    height: 300px;
    background: #333;
    }
    Вроде всё правильно оформил, весь код не вижу смыла вставлять. Но блок серый не появляется,

  • February 11, 2021 at 23:41
    Permalink

    Извините, а нельзя было потише записать звуковое сопровождение, а то слишком громко как не убавляй !

  • February 11, 2021 at 23:41
    Permalink

    сделала все по инструкции, а в результате ничего не случилось
    пишет что размер прямоугольника – 384х0
    что делать?

  • February 11, 2021 at 23:41
    Permalink

    а как так автоматизировать, что бы после написания div.col-lg-4*3 автоматом выставились в 3 ряда дивы как показано на видео?

  • February 11, 2021 at 23:41
    Permalink

    Через каждые 3 минуты реклама. и не баннер а полно-размерная с прерыванием видео. На 7 минуте не выдержал. Нельзя же быть настолько жадным.

  • February 11, 2021 at 23:41
    Permalink

    почему когда в стиле прописываю .row div то на странице ничего не изменяется, но когда просто .row тогда все отображается.

  • February 11, 2021 at 23:41
    Permalink

    Надоела эта реклама конструктора сайтов wix! А сами уроки лучшие!

  • February 11, 2021 at 23:41
    Permalink

    скажите,пожалуйста,почему нет отступов от краев в браузере ,как у вас на видео?
    все сделал так же,но при любом разрешении их нет

  • February 11, 2021 at 23:41
    Permalink

    все класно, но звук нужно выкручивать на максимум чтобы услышать голос…

  • February 11, 2021 at 23:41
    Permalink

    4:39 Если у меня макет сделан под сетку с Column width = 100px и соответственно container width = 1200px. Можно как-нибудь безболезненно поменять стандартную ширину для больших девайсов на мое значение?

  • February 11, 2021 at 23:41
    Permalink

    Не обязательно прописывать для каждого экрана, так слишком много классов получается. Если, например, нужно чтобы на md и lg экранах блоки были по 6 колонок, достаточно создать два дива col-md-6, на lg экраны это также будет действовать, т.е. сетка работает как-бы вправо.
    Также, если на меньшем разрешении нужно, чтобы блок занимал всю ширину (12 колонок), то col-sm-12 можно не прописывать, это делается по умолчанию

  • February 11, 2021 at 23:41
    Permalink

    такой вопрос, вот ты поставил col-lg потому что твой экран больше 1200, но мой экран меньше, значит мне нужно ставить col-md?(размер экрана 1024)

  • February 11, 2021 at 23:41
    Permalink

    Подскажите, работаю на ноутбуке, всё работает, но когда делаю окно браузера меньше 768px (Extra small), ведет себя не так как в уроке, дивы становятся один под другим, а не горизонтально, в чем может быть проблема??

  • February 11, 2021 at 23:41
    Permalink

    Два года видео, но рассчитываю на ответ. Не могу понять значение цифр. Что будет означать col-xs-6, а что 8? Промежутки? Промежутки между чем, чего? Можно ли какое-то точное определение значение цифр?

  • February 11, 2021 at 23:41
    Permalink

    Работаю с ноутбука с доп экраном.
    Отображение себя странно ведет. Если ставлю
    .row div{
    height: 300px;
    background: #333;
    }
    У меня темный фон на всю высоту страницы получается, А вместо столбиков (3 дива внутри дива ROW) у меня 3 строки. Подскажите, может кто то сталкивался.

    Браузер Хром, на IE тоже самое.

  • February 11, 2021 at 23:41
    Permalink

    Каких промежутков?? Что это такое? Я что то ничего не понял…Что за промежутки?????????

Leave a Reply