Bootstrap4 Руководство

Bootstrap — самая популярная в мире библиотека фронтенд-компонентов, используемая для разработки адаптивных WEB-проектов, ориентированных в первую очередь на мобильные устройства.

Bootstrap4 — это набор инструментов с открытым исходным кодом для разработки с использованием HTML, CSS и JS. Благодаря нашим переменным Sass и многочисленным миксинам, адаптивной сеточной системе, расширяемым готовым компонентам и мощной системе плагинов на основе jQuery вы можете быстро создать прототип своих идей или построить целое приложение.

Для кого этот урок?

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

Знания, которые вам нужны перед чтением этого руководства:

Прежде чем начать читать этот учебник, вы должны иметь базовые знания HTML, CSS и JavaScript. Если вы не знакомы с этими концепциями, рекомендуем сначала прочитать наши учебники:

Примеры Bootstrap4

<div class="jumbotron text-center"> <h1>Моя первая страница Bootstrap</h1> <p>Измените размер окна браузера, чтобы увидеть результат!</p> </div> <div class="container"> <div class="row"> <div class="col-sm-4"> <h3>Первый столбец</h3> <p>Пример</p> <p>Обучение — это не только технологии, но и мечты!!!</p> </div> <div class="col-sm-4"> <h3>Второй столбец</h3> <p>Пример..</p> <p>Обучение — это не только технологии, но и мечты!!!</p> </div> <div class="col-sm-4"> <h3>Третий столбец</h3> <p>Пример..</p> <p>Обучение — это не только технологии, но и мечты!!!</p> </div> </div> </div>

Попробуйте »

Bootstrap4 против Bootstrap3

Bootstrap4 — это последняя версия Bootstrap. По сравнению с Bootstrap3, в ней больше специфичных классов, а некоторые связанные части преобразованы в соответствующие компоненты. В то же время размер bootstrap.min.css был уменьшен более чем на 40%.

Bootstrap4 прекратил поддержку IE8 и iOS 6, а теперь поддерживает только браузеры выше IE9 и выше iOS 7. Если вам нужна поддержка старых браузеров, используйтеBootstrap3。

Другие расширения