Bootstrap 4

18 Jan 2018

Буквально забрал нам годы, чтобы сделать это, но Bootstrap 4 наконец-то прибыл! Слова не могут начать описывать целую команду, и у меня есть для этого выпуска, но я сделаю все возможное. Спасибо всем, особенно команда, а для всех, кто Внесенный код в запросе на тягу или открыл проблему.Thank you.

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

Anxious to jump right in? Head over to our documentation site and explore. Be sure to check out our new Examples and the migration docs page!

Хотите узнать больше, прежде чем перейти к документации? Отлично, давайте углубимся!

Какие новости

There are no breaking changes since our last beta, but we have made some key improvements and resolved some tricky bugs.

• Стили печати и служебные классы были обновлены. Мы улучшили способ отображения печатных страниц, чтобы обеспечить разумный размер страниц, а не отображать их как мобильные устройства. Утилиты отображения печати также включают в себя целый ряд новыхdisplay values to match our standard display utilities.

• Additive border utilities have been added (e.g., .border-top) и по умолчанию используется сплошная светло-серая рамка толщиной 1 пиксель.Теперь проще быстро добавить все границы или подмножество границ к вашим компонентам.

• Our $spacers and $sizes Sass maps have been updated to allow more customization the same way our color maps work. You can now add, remove, or replace all your key-value pairs consistently across our CSS. Head to our Theming docs for more information and examples.

• Added documentation to our Theming docs for using our provided CSS variablesдля тех, кто живет на грани и не хочет использовать Sass.

• Added responsive .order-0 and .order-last classes for more control over the flexbox grid.

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

New examples

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

Вот краткое изложение изменений для каждого:

• Вы, наверное, уже видели нашуAlbum example, но в этом выпуске он был обновлен, чтобы включить больше контента в наши фотокарточки и улучшенный мобильный рендеринг.

• Pricingявляется совершенно новым в этом выпуске и представляет собой полностью настраиваемую страницу, созданную с помощью наших утилит и компонентов карты. Она адаптивна и легко расширяется.

• Checkout is a brand new, extensive form example featuring all the best parts of our form layouts, validation styles, grid, and more.

• Productтакже является новым и представляет собой дерзкую отсылку к маркетинговым страницам в стиле Apple, в основном построенным только с нашими служебными классами. Не относитесь к этому слишком серьезно!

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

• Dashboard has been overhauled as well to feature a live ChartJS example, includes a refreshed sidebar with Feather icons, and is semi-responsive.

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

• Finally, Offcanvas has been rewritten from the ground up to show off a navbar-built drawer, horizontal scrolling navigation, and some custom lists built on media component and utilities.

Cover, Carousel, Sign-in, and our framework examplesвидел только незначительные обновления для улучшения качества кода и исправления нескольких мелких ошибок.В целом это было огромное обновление для наших примеров, и я рад повторить их и добавить больше в будущих выпусках.

Documenting our approach

New with v4 stable is a brief overview of some of the guiding principles behind why we do the things we do in Bootstrap. Our intent is to distill and document all the things we keep in our heads while writing code, building linters, and debugging. Much of this is focused on concepts and strategies for writing responsive CSS, using simple selectors, and limiting how much JavaScript one needs to write.

Check out the new Approach page, and be sure to open an issue or pull request with feedback and suggestions on what else to cover.

Known issues

Ни один выпуск не исправляет все ошибки, и то же самое можно сказать о нашей стабильной версии 4. Вот некоторые из вещей, которые мы хотим решить в первую очередь либо в второстепенном выпуске (v4.1), либо в выпуске исправления (v4.0.1). насколько позволяет время и объем.

• Input groups, validation, and rounded corners. I rewrote this for Beta 3 and I thought nailed it, but I was mistaken. We have some rounded corner issues and the only way we can fix them with CSS without breaking backward compatibility is by limiting how extensible the component can be made. We may need a modifier class to avoid some gnarly CSS and satisfy all the key functionality. Check out the issue and cross-linked PR for more details.

• Table variants, in particular .table-active, есть странный селектор, который мы непреднамеренно оставили задерживаться с предыдущих выпусков.double application of an rgba() background color-однажды для<tr> and once for any <td>/<th> elements within.

Есть еще несколько проблем, которые еще не подтверждены или запланированы для нашего первого выпуска исправления, но ожидайте, что несколько исправлений появятся до того, как мы выпустим следующий дополнительный выпуск.Мы, вероятно, также упакуем изменение ветки по умолчанию для нашего репозитория в этом следующий выпуск патча. У нас не было времени, чтобы протестировать слияние чрезвычайно отличающейся кодовой базы, не разрушив всю историю Git версии 3. Опять же, об этом позже.

Next releases

Говоря о релизах, мы в восторге от импульса, который у нас есть.GitHub project boards are mostly up to date on upcoming releases, so feel free to jump in and take a look. Our next release will be v4.1 (pending any bugfix patches) and will focus on a slew of small new features, utilities, responsive font sizes, and more. From there we have a couple more minor releases that rally around another group of features.

Мы стремимся сделать RTL частью предстоящего второстепенного выпуска в зависимости от общего объема. У нас ушло слишком много времени на то, чтобы взять на себя обязательство, но мы на этом. Наш текущий план сосредоточен на реализации этого в наших инструментах и ​​​​компонентах сборки, чтобы вы условно служить, Например,bootstrap.min.css or bootstrap-rtl.min.css, Оцените открытую проблему, пожалуйста, с любыми отзывами; когда мы будем готовы, мы подготовим новый запрос на включение с помощью сообщества.

Стоит повторить, что каждый минорный релиз будет содержать новую размещенную версию нашей документации.getbootstrap.com/docs/4.0/и когда выйдет версия 4.1, у нас будет этот плюсgetbootstrap.com/docs/4.1/. Prior releases will continue to be linked from our navigation as is already the case for v3.x and the last v4 alpha.

Themes update

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

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

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

Stay tuned for more information as we get ready to launch.

Thank you

Наконец, последнее спасибо всем, кто внес свой вклад в Bootstrap 4. Это было сумасшедшее путешествие, и лично я испытываю облегчение, взволнован и стремлюсь назвать его стабильным.С тех пор, как мы начали над ним работать, было сделано около 6000 коммитов в v4. еще в 2015 году. Мы пошли в любом направлении и переписали слишком много вещей слишком много раз, но я очень счастлив и удачлив тем, где мы остановились.

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

<3,
@mdo & team