The most popular front-end framework for developing responsive, mobile first projects on the web.

Самый популярный фреймворк для разработки адаптивных и мобильных web-проектов.

Bootstrap easily and efficiently scales your project with one code base, from phones to tablets to desktops.

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

Comprehensive docs

Комплексная документация

With Bootstrap, you get extensive and beautiful documentation with hundreds of live examples, code snippets, and more.

Вместе с Bootstrap вы получаете множество полезных документов, в которых находятся сотни практических примеров, сегментов кода и многое другое.

Little

Маленький

Engine Yard

No translations found

Webflow

No translations found

Bootstrap ships with vanilla CSS, but it's source code utilizes the two most popular CSS preprocessors, <a href="../css/#less">Less</a> and <a href="../css/#sass">Sass</a>. Quickly get started with precompiled CSS or build on the source.

Bootstrap поставляется вместе с привычным CSS, но его исходный код использует два наиболее популярных CSS препроцессора - <a href="../css/#less">Less</a> и <a href="../css/#sass">Sass</a>. Вы можете быстро начать с откомпилированного CSS или основываться на исходниках.

Originally <a href="https://dev.twitter.com/blog/bootstrap-twitter">released</a> on <a href="https://twitter.com/mdo/statuses/104620039650557952"><time datetime="2011-08-19 11:25">Friday, August 19, 2011</time></a>, we've since had over <a href="https://github.com/twbs/bootstrap/releases">twenty releases</a>, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.

Первый <a href="https://dev.twitter.com/blog/bootstrap-twitter">релиз</a> был <a href="https://twitter.com/mdo/statuses/104620039650557952"><time datetime="2011-08-19 11:25">19 августа 2011, Пятница</time></a>. После этого было более <a href="https://github.com/twbs/bootstrap/releases">двадцати релизов</a>, включая перевыпуск v2 и v3. Начиная с Bootstrap 2, мы добавили функциональную отзывчивость всей структуры в качестве дополнительных стилей. Основываясь на это, в Bootstrap 3 мы переписали библиотеку еще раз , чтобы он реагировал, в первую очередь, на мобильный вид по умолчанию.

Get involved with Bootstrap development by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a> or s

No translations found

About &middot; Bootstrap

О &middot; Bootstrap

Learn about the project's history, meet the maintaining teams, and find out how to use the Bootstrap brand.

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

History

История

Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.

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

Bootstrap was created at Twitter in mid-2010 by <a href="https://twitter.com/mdo">@mdo</a> and <a href="https://twitter.com/fat">@fat</a>. Prior to being an open-sourced framework, Bootstrap was known as <em>Twitter Blueprint</em>. A few months into development, Twitter held its <a href="https://blog.twitter.com/2010/hack-week">first Hack Week</a> and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.

No translations found

Originally <a href="https://blog.twitter.com/2011/bootstrap-twitter">released</a> on <a href="https://twitter.com/mdo/statuses/104620039650557952"><time datetime="2011-08-19 11:25">Friday, August 19, 2011</time></a>, we've since had over <a href="https://github.com/twbs/bootstrap/releases">twenty releases</a>, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.

No translations found

Team

Команда

Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.

Bootstrap поддерживается командой основателей и небольшой группой бесценных основных участников, с неоценимой поддержкой и участии нашего сообщества.

Core team

Основная команда

Mark Otto

Марк Отто

Jacob Thornton

Джейкоб Торнтон

Chris Rebert

Крис Реберт

Julian Thilo

Джулиан Тило

Heinrich Fenkart

Генрих Фенкарт

Patrick H. Lauke

Патрик Х. Лауке

Get involved with Bootstrap development by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.

No translations found

Sass team

Sass команда

Thomas McDonald

Томас Макдональд

Gleb Mazovetskiy

Глеб Мазовецкий

The <a href="https://github.com/twbs/bootstrap-sass">official Sass port of Bootstrap</a> was created and is maintained by this team. It became part of Bootstrap's organization with v3.1.0. Read the Sass <a href="https://github.com/twbs/bootstrap-sass/blob/master/CONTRIBUTING.md">contributing guidelines</a> for information on how the Sass port is developed.

No translations found

Brand guidelines

Рекомендации по бренду

Have a need for Bootstrap's brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well. These guidelines were inspired by MailChimp's <a href="http://mailchimp.com/about/brand-assets/" target="_blank">Brand Assets</a>.

No translations found

Mark and logo

Товарный знак и логотип

Use either the Bootstrap mark (a capital <strong>B</strong>) or the standard logo (just <strong>Bootstrap</strong>). It should always appear in Helvetica Neue Bold. <strong>Do not use the Twitter bird</strong> in association with Bootstrap.

No translations found

Download mark

Скачать товарный знак

Download the Bootstrap mark in one of three styles, each available as an SVG file. Right click, Save as.

Скачать Bootstrap товарный знак в одном из трех стилей, каждый стиль доступен в формате SVG. Правой кнопкой мыши, сохранить как.

The project and framework should always be referred to as <strong>Bootstrap</strong>. No Twitter before it, no capital <em>s</em>, and no abbreviations except for one, a capital <strong>B</strong>.

No translations found

(correct)

(правильно)

(incorrect)

(неправильно)

Twitter Bootstrap

Twitter Bootstrap

Our docs and branding use a handful of primary colors to differentiate what <em>is</em> Bootstrap from what <em>is in</em> Bootstrap. In other words, if it's purple, it's representative of Bootstrap.

No translations found

Disable the responsiveness of Bootstrap by fixing the width of the container and using the first grid system tier.

No translations found

Note the lack of the <code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</code>, which disables the zooming aspect of sites in mobile devices. In addition, we reset our container's width and are basically good to go.

No translations found

Note the lack of the <code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</code>, which disables the zooming aspect of sites in mobile devices. In addition, we reset our container's width and are basically good to go.

No translations found

Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.

No translations found

CSS &middot; Bootstrap

CSS &middot; Bootstrap

Skip to main content

Перейти к основному содержанию

Aww yeah, Bootstrap 4 is coming!

ЮХУУУУУ, Bootstrap 4 на подходе!

Toggle navigation

Включить навигацию

Getting started

С чего начать