Bootstrap 4 Учебник

Курс по Bootstrap 4. W3Schools на русском языке. Уроки для начинающих

❮ Home Next ❯

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

Bootstrap 4 можно совершенно бесплатно скачать и использовать!

Начните изучать Bootstrap 4 сейчас »

Изучать Bootstrap 4

Примеры. Попробуйте сами!

Этот учебник Bootstrap 4 содержит сотни примеров Bootstrap 4.

С помощью нашего онлайн-редактора вы можете отредактировать код и нажать на кнопку, чтобы просмотреть результат.

Bootstrap 4 Пример

<div class="jumbotron text-center">
  <h1>My First Bootstrap Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>

<div class="container">
<div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
</div>
</div>

Попробуйте сами »

Кликните на кнопку "Попробуйте сами", чтобы увидеть, как она работает.

Bootstrap 3 и Bootstrap 4

Bootstrap 4 это наиболее новая версия Bootstrap; с новыми компонентами, более быстрой таблицей стилей и большей отзывчивостью (адаптивностью).

Bootstrap 4 поддерживает последние стабильные выпуски всех основных браузеров и платформ. Однако Internet Explorer 9 и версии ниже не поддерживаются.

Если вам требуется поддержка IE8-9, используйте Bootstrap 3. Это самая стабильная версия Bootstrap, и она все ещё поддерживается командой для критических исправлений и изменений документации. Тем не менее, новые функции не будут добавлены к нему.

Перейти к изучению Bootstrap 3 »

Примечание. Учебник по Bootstrap 3 на данный момент есть только на английском языке на сайте W3Schools!

Bootstrap 4 Базовый шаблон

Мы создали адаптивный стартовый шаблон с Bootstrap 4. Вы можете свободно изменять, сохранять, делиться и использовать его в своих проектах:

Demo

Попробуйте сами

Bootstrap Справочники

Полный список всех CSS-классов Bootstrap 4 с описанием и примерами:

Bootstrap все CSS классы Популярный

Если вы хотите сделать больше с компонентами Bootstrap, посмотрите наш полный справочник по Bootstrap 4 JavaScript/jQuery - все с примерами «Попробуйте сами»:

Bootstrap JS Alert Bootstrap JS Button Bootstrap JS Carousel Bootstrap JS Collapse Bootstrap JS Dropdown Bootstrap JS Modal Bootstrap JS Popover Bootstrap JS Scrollspy Bootstrap JS Tab Bootstrap JS Toasts Bootstrap JS Tooltip

Вы знаете?

W3.CSS - это отличная альтернатива Bootstrap 4.

W3.CSS - меньше, быстрее и проще в использовании.

Если вы хотите изучать W3.CSS, перейдите на наш W3.CSS Учебник.

❮ Home Next ❯