Как создать сайт » Премиум » Фреймворки » Фреймворк Bootstrap 4 » Урок 8. Фреймворк Bootstrap 4. Сетка Bootstrap. Часть 6. Responsive utilities

Урок 8. Фреймворк Bootstrap 4. Сетка Bootstrap. Часть 6. Responsive utilities

Дата публикации: 30-08-2017

Чтобы иметь доступ к просмотру всех уроков этого курса, оформите подписку в премиум раздел
Фреймворк Bootstrap 4

От автора: в этом уроке мы продолжим изучение сетки Bootstrap и работу с этим замечательным инструментом. В уроке мы познакомимся с набором классов, которые позволяют скрывать или показывать элементы в зависимости от используемого брейкпойнта. Это очень полезная возможность, которую предлагает нам набор классов responsive utilities.

lesson

Все уроки курса:

Урок 1. Фреймворк Bootstrap 4. Что такое Bootstrap. Отличия Bootstrap 3 от Bootstrap 4
Урок 2. Фреймворк Bootstrap 4. Установка Bootstrap 4. Варианты установки
Урок 3. Фреймворк Bootstrap 4. Сетка Bootstrap 4. Часть 1
Урок 4. Фреймворк Bootstrap 4. Сетка Bootstrap 4. Часть 2
Урок 5. Фреймворк Bootstrap 4. Сетка Bootstrap. Часть 3. Колонки одной ширины
Урок 6. Фреймворк Bootstrap 4. Сетка Bootstrap. Часть 4. Выравнивание
Урок 7. Фреймворк Bootstrap 4. Сетка Bootstrap. Часть 5. Порядок колонок
Урок 8. Фреймворк Bootstrap 4. Сетка Bootstrap. Часть 6. Responsive utilities
Урок 9. Фреймворк Bootstrap 4. Медиа объект Bootstrap
Урок 10. Фреймворк Bootstrap 4. Адаптивные изображения и видео в Bootstrap
Урок 11. Фреймворк Bootstrap 4. Таблицы в Bootstrap
Урок 12. Фреймворк Bootstrap 4. Кнопки в Bootstrap
Урок 13. Фреймворк Bootstrap 4. Компонент карточки в Bootstrap
Урок 14. Модальные окна Bootstrap
Урок 15. Кастомизация Bootstrap

Метки:

Комментарии (2)

  1. symphonyofbody@gmail.com
    в 19:34

    не актуальные responsive utilities.
    в beta2 используются как я понял формы отображения элемента

    d-sm-block
    d-sm-inline
    d-md-inline-block

    Ответить
    • al.ovchinkin@gmail.com
      в 20:37

      Да, чтобы скрыть что-то, нужно написать: d-md-none

      As such, the classes are named using the format:

      .d-{value} for xs
      .d-{breakpoint}-{value} for sm, md, lg, and xl.

      Where value is one of:

      none
      inline
      inline-block
      block
      table
      table-cell
      table-row
      flex
      inline-flex

      Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree