admin / 24.10.2018

Bootstrap. Документация на русском языке.

.

Bootstrap 4 — что нового

Предназначен для всех, везде.

Bootstrap делает фронт-энд веб-разработку быстрее и проще. Он сделан для людей всех уровней квалификации, устройств всех форм и проектов любых размеров.

Препроцессор

Bootstrap поставляется с ванильным CSS, но его исходный код использует Sass, популярный препроцессор CSS. Быстрое начало работы с предварительно скомпилированным CSS или построение на исходном коде.

Один фреймворк, каждое устройство.

Bootstrap легко и эффективно масштабирует ваши веб-сайты и приложения с помощью единой базы кода — от телефонов до планшетов и компьютеров с помощью медиа-запросов CSS.

Полный набор функций

С Bootstrap вы получаете обширную и красивую документацию для общих HTML-элементов, десятки пользовательских компонентов HTML и CSS и потрясающие плагины jQuery.


Bootstrap — с открытым исходным кодом! Он размещается, разрабатывается и поддерживается на GitHub такими же людьми, как вы.

Посмотреть проект на GitHub

Bootstrap 4 что нового

В конце лета на официальном сайте Bootstrap, появилась запись о выходе альфа версия Botstrap 4. Рассмотрим какие нововведения подарит нам данный релиз.

  • Вместо Less, в Bootstrap 4 теперь поддерживается Sass
  • Улучшена система сеток
  • Появилась поддержка FlexBox
  • Новый компонент в Bootstrap 4 — карточки (cards)
  • Появился сброс стилей Reboot
  • Больше возможностей для кастомизации тем Bootstrap
  • Прекращена поддержка IE8
  • Вместо пикселей EM и REM
  • Все плагины  переписаны с помощью новой версии JavaScript
  • Улучшены подсказки и popover элементы
  • Обновлена структура документации в Bootstrap 4

Less Sass Bootstrap

Разработка и компиляция модулей Bootstrap 4 теперь осуществляется на Sass, раньше Bootstrap создавался на Less. Компиляция происходит с помощью библиотеки Libsass, которая работает в несколько раз быстрее своих аналогов.

Система сеток Bootstrap

Bootstrap 4 стал еще более дружелюбен к мобильным пользователям (смартфоны, планшеты).

Bootstrap 4, стоит ли?

Миксины в Bootstrap 4 стали более мобильно-ориентированными.

Появилась возможность настраивать и управлять миксинами.

Поддержка FlexBox

В Bootstrap 4 есть возможность включать поддержку FlexBox, благодаря которму можно управлять элементами на странице более гибко. Чтобы включить поддержку FlexBox в Bootstrap, нужно выставить определённые параметры, и скомпилировать фреймворк заново, это делается на официальном сайте.

Компонент карточки (cards)

В Bootstrap 4 были удалены компоненты (wells, thumbnails и panels) вместо них создали компонент cards (карточки), который делает все тоже самое только лучше и удобней.

Сброс HTML Reboot

Появился новый модуль, который сбрасывает стандартные стили HTML-тегов (у каждого браузера свои стили по-умолчанию), предназначенный для кроссбраузерности. Данный модуль теперь хранится в Sass файле и имеет название Reboot. Все эти стили сброса, собираются в файл normalize.css

Больше возможностей для кастомизации тем

В Bootstrap 4, праметры различных элементов страницы сайта (цвета, градиенты, скругления и т.д.) собраны в отдельные файлы, что облегчает перенастройку темы под свой дизайн.

IE8 не поддерживается

Браузер Internet Explorer восьмой версии, в Bootstrap 4 больше не поддерживается. Это необходимо было сделать для того чтобы иметь возможность использовать все новые технологии из CSS3, без использования дополнительного кода, что несомненно благотворно скажется на быстродействии фреймворка.

Размеры в em и rem

В Bootstrap 4 вместо пикселей теперь используются размеры в em и rem, благодаря этому элементы страницы, шрифты и модули стали более гибкими и адаптивными.

JavaScript ES6

Все существующие плагины Botstrap 4, были переписаны с ES5 (JavaScript 5) на более новую версию JavaScript ES6. Код написанный на ES6 (JavaScript 6) более структурирован надёжен и быстр.

Подсказки и popover элементы

Подсказки и popover (всплывающие) элементы, в Bootstrap 4 теперь работают более слаженно и ожидаемо.

Документация Bootstrap 4

Документация Bootstrap 4 стала более полной и переписана с помощью Markdown (облегчённый язык разметки), также улучшен поиск по документации.

Поддержка Bootstrap 3

Когда Bootstrap обновлялся со второй (2) версии на третью (3), то поддержка Bootstrap 2 прекратилась. Это вызвало много нареканий со стороны сообщества. На этот раз с выходом Bootstrap 4, третья версия фреймворка будет также поддерживаться и исправляться при обнаружении багов.

Ну и напоследок, код сайтов которые были созданы с помощью Bootstrap 3, будет также хорошо работать при обновлениий до Bootstrap 4, реализуется обратная совместимость.

Остальное

Изменений в Bootstrap 4 произошло много и не мало изменений еще впереди, следите за обновлениями.

Вам понравились уроки? Поддержите проект «Учебники для вебмастера»!
Можете отправить с карточки, мобильного телефона или яндекс.кошелька.
Минимальная сумма перевода 30 руб.

Категория: Web новости

Метки: bootstrap, bootstrap 4.*, обновление

Статья создана: 29 Янв 2016

Статья обновлена: 29 Янв 2016

Следующая запись: Новый формат изображений BPG

Предыдущая запись: Обновление WordPress 4.4 (Clifford)

Bootstrap 4 — что нового

Bootstrap делает интерфейсных веб-разработки быстрее и проще. Это сделано для людей всех уровней квалификации, устройств всех форм и проектов всех размеров.

Препроцессор

Bootstrap кораблей с ванильным CSS, но его исходный код использует Sass, популярного CSS препроцессора. Быстро начать работу с предкомпилированными CSS или построить на источник.

Один фреймворк каждое устройство.

Bootstrap легко и эффективно масштабирует веб-сайтов и приложений с единой базой кода, от телефонов до планшеты для настольных компьютеров с CSS медиа запросы.

Полные характеристики

С Bootstrap, Вы получите подробную и красивую документацию для обычных HTML-элементов, десятки настраиваемых HTML и CSS составляющих, и удивительные jQuery плагины.

Bootstrap открытым исходным кодом! это прошла, разработано и поддерживается на GitHub людей как вы.

Просмотр GitHub проекта

FILED UNDER : IT

Submit a Comment

Must be required * marked fields.

:*
:*