ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

Bootstrap Tutorial

BS HOME BS Get Started BS Grid Basic BS Typography BS Tables BS Images BS Jumbotron BS Wells BS Alerts BS Buttons BS Button Groups BS Glyphicons BS Badges/Labels BS Progress Bars BS Pagination BS Pager BS List Groups BS Panels BS Dropdowns BS Collapse BS Tabs/Pills BS Navbar BS Forms BS Inputs BS Inputs 2 BS Input Sizing BS Media Objects BS Carousel BS Modal BS Tooltip BS Popover BS Scrollspy BS Affix BS Filters

Bootstrap Grids

BS Grid System BS Stacked/Horizontal BS Grid Small BS Grid Medium BS Grid Large BS Grid Examples

Bootstrap Themes

BS Templates BS Theme "Simply Me" BS Theme "Company" BS Theme "Band"

Bootstrap CSS Ref

CSS All Classes CSS Typography CSS Buttons CSS Forms CSS Helpers CSS Images CSS Tables CSS Dropdowns CSS Navs Glyphicons

Bootstrap JS Ref

JS Affix JS Alert JS Button JS Carousel JS Collapse JS Dropdown JS Modal JS Popover JS Scrollspy JS Tab JS Tooltip


Bootstrap 3 Учебник

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

Bootstrap абсолютно бесплатна для скачивания и использования!

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

Start Bootstrap


Попробуйте примеры

В этом учебнике Bootstrap содержатся сотни примеров Bootstrap.

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

Responsive Bootstrap Page

Пример Bootstrap

<div class="jumbotron text-center">
  <h1>Моя первая Bootstrap страница</h1>
  <p>Измените размер этой адаптивной страницы, чтобы увидеть эффект!</p>
</div>

<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <h3>Колонка 1</h3>
      <p>Просто текст ..</p>
      <p>Новый текст..</p>
    </div>
    <div class="col-sm-4">
      <h3>Колонка 2</h3>
      <p>Просто текст ..</p>
      <p>Новый текст..</p>
    </div>
    <div class="col-sm-4">
      <h3>Колонка 3</h3>
      <p>Просто текст ..</p>
      <p>Новый текст..</p>
    </div>
  </div>
</div>

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



Bootstrap

На HTML5CSS вы найдете полное описание Bootstrap всех классов CSS, компонентов и JavaScript плагинов-все и примеры:


Темы/шаблоны Bootstrap

Мы сделали несколько шаблонов Bootstrap, с которыми вы можете поиграть. Они полностью свободны в использовании:


Bootstrap 3 vs. Bootstrap 4

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

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

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