Вышел Twitter Bootstrap 3 RC 1

    Пост в официальном блоге Bootstrap: blog.getbootstrap.com/2013/07/27/bootstrap-3-rc1

    Документация и скачивание архивов доступно по старому адресу: twitter.github.io/bootstrap

    Основные изменения
    1. Bootstrap и сопряжённые проекты были перенесены в новый аккаунт на Github: github.com/twbs
    2. В проект внесено ~1 600 коммитов, ~72 000 добавлений/удалений в ~300 файлов.
    3. Все стили (в том числе и responsive) теперь компилируются в один CSS-файл — меньше загружаемых файлов
    4. Glyphicons вынесены в отдельный репозиторий, подключаются в виде шрифта вместо PNG и теперь у классов иконок новый префикс .glyphicon-*
    5. Много изменений в LESS-коде: новый стиль именования переменных, убраны цветовые переменные (такие, как blue) в пользу семантических (таких, как @brand-primary).
    6. Добавлено два новых вида grid-ов для смартфонов (.col-*) и таблеток (.col-sm-*).
    7. Исчезла поддержка IE 7 и Firefox 3.6. IE 8 и 9 ещё поддерживаются, однако не забываем, что много CSS3-свойств ими не поддерживаются.
    8. Проект собирались перевести на лицензию MIT, вместо Apache, но в текущей документации всё ещё фигурирует Apache.

    Также пока что не работает Customizer кода, который позволял выбрать только те компоненты Bootstrap, которые были вам нужны. Его обещают включить к RC2.

    В данный момент ссылка «Download Bootstrap» выдаёт ошибку, поэтому скачать скомпилированные и минифицированные CSS и JS можно прямо из репозитория, отсюда: github.com/twbs/bootstrap/tree/3.0.0-wip/dist.

    Полный список изменений в pull-request: github.com/twbs/bootstrap/pull/6342

    Документация для предыдущей версии 2.3.2 лежит по адресу: twitter.github.io/bootstrap/2.3.2
    Share post

    Comments 54

      +39
      Мне одному Bootstrap 2 больше нравится?
        +11
        Насколько я могу судить, Bootstrap идёт по принципу упрощения оформления своих элементов, чтобы верстальщикам было проще вносить свои добавления в код. В результате, я согласен с вами, внешний вид упрощается и становится более «скучным» и плоским (взять те же кнопки), но делается это для того, чтобы мы могли эту базу развивать и получать на её основе своё оформление.

        И многое делается для того, чтобы стили были устойчивы к нашим дополнениям.
          +8
          Нет это потому что сейчас популярен метро и квадраты, вот вам и ответ.
            +3
            Всё правильно выше написали.
            Я имею опыт глубокой кастомизации BS2 (то есть не только «цвета поменять») — во многих местах это неудобно. Начиная от банальных кнопок с избыточной кучей микшинов и заканчивая нелогичным именованием переменных.

            BS3 мне (по первому взгляду) нравится больше — и внешне, и кодом. Какие-то шероховатости там наверняка имеются, но это со временем допилится.
              0
              Я правда не считаю что этот цвет это то что может быть использовано повсеместно. Ладно уж квадратные формы, но такая цветовая гамма это как минимум странно.
                –1
                Я имею опыт глубокой кастомизации BS2

                Неужели это проще, чем просто сверстать? Сами же пишете: «во многих местах это неудобно»
                  +1
                  Ну как сказать… Просто страничку с кнопками — проще.
                  А если активно использовать все эти развесистые табики/менюшки/выпадайки/кнопкогруппы/итд — пожалуй, что всё же нет.

                  Кроме того, сейчас уже BS часто выбирают не столько за его качество, сколько за распространенность — для бОльшей стандартизации и взаимозаменяемости людей.

                  P.S. Я не отношу себя к большим фанатам BS.
                    0
                    А по мне, хотели бы счастья, сделали бы удобства для этой самой кастомизации… А так и дизайн «из коробки» страшный и плюшек никаких.
            +4
            С grid'ом ребята слегка облажались в этой версии. Грид из bs2 vs он же в bs3.
              +2
              На то он и RC. Скорее всего баг-репорт уже есть, а если нет — никто не мешает создать.
                0
                Похоже эта проблема наблюдается только в Opera 12. Либо действительно баг, либо ребята просто решили забить на 12-ую ветку, учитывая что Opera официально срулила на Хромиум, и актуальная версия уже 16 кажется.
                • UFO just landed and posted this here
                    0
                    В Опера 16 такая же проблема. И в FF. И в Я.Браузере.
                    Мне кажется, это не баг — это фича.
                      0
                      Ммм, а у меня всё ровно, что я делаю не так? Оо Опера 15, FF, Chrome.
                        0
                        Ох, простите. Я думал, что разница в том, что блоки вместе, а не раздельно (как во 2 версии). У меня тоже все ровно. Опера 15.
                    +2
                    Если речь о том что нет расстояния между ячейками то я думаю это фича, и правильная фича. Иногда было так что хочется 2 ячейки вплотную, и для этого надо скакать с бубном. К тому же есть еще переменная `@grid-gutter-width: 30px;` которая устанавливает это самое расстояние.

                    Я думаю тут верно подметили что упор на базу которая предоставляет больше возможностей кастомизации. А это значит мы увидим очень много разнообразных тем.
                    +1
                    Как по мне, то во втором лучше только то, что на него уже есть куча различных тем и плагинов. Хотя многие их них с минимальными изменениями подходят и для третьего.
                      0
                      Большая фишка BS3 — mobile. Он изначально сделан с поддержкой мобильных девайсов, в то время как для BS2 это была опциональная фишка.

                      Вот из документации

                      With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, Bootstrap is mobile first. Mobile first styles can be found throughout the entire library instead of in separate files.
                      +1
                      Насколько сложно будет перевести админку сайта с 2.1.1 на 3? Сталкивался уже кто… или может с 1 на 2 делал переход.
                        0
                        Вся сложность будет заключаться в переименовании классов, скажем те же иконки.
                          0
                          С 1 на 2 размеры поменяются — всё станет крупнее. Цвет панельки с чёрного превратится в белый (если используете стандартную панельку). На этом всё =).
                          А вот 2 и 3, судя по всему, несовместимы.
                          +1
                          Пожалуй стоит подождать RC2
                            –1
                            Я с тобой полностью соглашусь, решил посмотреть, много чего ещё сыровато.
                            +4
                            Отличный float дизайн, мне очень нравится тенденция ухода от округлых и выпуклых элементов.
                              +5
                              flat * :)
                              float дизайн, это плавающий такой наверно…
                                +2
                                Забылся от восторга. Ага, именно flat.
                                +3
                                Проще говоря вам нравится метро.
                                  –2
                                  Почему же метро? Уж скорее современный Android.
                                +9
                                Мило, но что за дурацкий сиреневый цвет навбаров?
                                  +2
                                  А я вот думаю — может быть в этом и есть задумка, чтобы модифицировать было очень просто + логичная структура, а из коробки не поставлять годную цветовую гамму, чтобы количество клонов было меньше :)
                                  +3
                                  Семантические цвета! Ура, давно этого ждал. Иначе переменные были совершенно бестолковыми.
                                    0
                                    А пример уже где-то можно посмотреть?
                                    –1
                                    Прикольно, твиттер становится менее похож на твиттер чем многие остальные фреймворки оформления.
                                      0
                                      Вероятно, потому что основные разработчики bootstrap давно не работают в twitter. Именно поэтому и произошёл этот переезд на github
                                      0
                                      Огорчает то что не добавилось новых элементов. Тот же плагин тура по сайту. Или анимацию загрузки как в lab.hakim.se/ladda/ или datepicker со слайдером
                                        0
                                        В bootstrap 3 смотрят на будущее, а там есть <input type=«date», который, к примеру в моем телефоне выдает неплохой такой datepicker системный.
                                        А вот над модальными окнами им стоит еще поработать. Не растягивается, толком не модифицируется, да и вообще любая форма, та же горизонтальная — выглядит внутри этого модального окна чуть менее чем ущербно.

                                        Внедряю сейчас bootstrap 3 в свой новый проект и мучаюсь с модальными окнами. Вероятно придется прийти к использованию сторонних модальных окон. Так же полно мелких косяков в самом RC1.
                                        +1
                                        В принципе нормально, но блин, зачем растянули формы, без возможности убрать 100%
                                          +3
                                          Я думаю, там предполагается, что вы обернёте форму в родителя с указанной шириной, скажем в
                                          <div class="col-lg-4"></div>

                                          и она примет ширину родителя.
                                          +1
                                          Прикольно, но Toggle Button не сразу понятно, нажата или нет, особенно когда нет соседних элементов (по крайней мере на моём мониторе так).
                                            +3
                                            Ура! Дождались нормальные модальные окна!
                                              +7
                                              Пользователь blue очень удивился.
                                                +1
                                                Думаю, пока еще не успел удивиться:

                                                Последний раз был на сайте 25 марта 2013 в 17:37

                                                Но, в будущем, да, я думаю, очень удивится:)
                                                +7
                                                Они убили .btn-inverse, подонки.
                                                  0
                                                  Ждём новый twitter-bootstrap-rails
                                                    0
                                                    Для того что бы проще было переходить на новую версию можно использовать мою библиотеку bootstrap.php Планирую сделать поддержку 3 версии к ее официальному релизу.
                                                      +2
                                                      несколько классов в одном файле? без композера? это несерьезно.
                                                        0
                                                        Несколько классов в одном файле, для чего так сделано, слишком долго объяснять для комментария, об этом нужно целую статью писать, что возможно я в скором времени и сделаю.
                                                        Вообще странно что вы обсуждаете исходный код, в который непонятно зачем вообще заглядывать это ведь не тот случай когда вы будете что то менять внутри.
                                                        Лучше же бы посмотрели внимательнее документацию, увидели что я сделать для того что библиотекой было пользоваться удобно и просто.
                                                      0
                                                      Экспресс сравнение производительности версий 2.3.2 и 3 RC1
                                                      Делалось с помощью расширения для Firefox css use
                                                      Сравнивались две условно аналогичные страницы twitter.github.io/bootstrap/components/ и twitter.github.io/bootstrap/2.3.2/components.html
                                                      Ниже время применения css правил к соответствующим страницам
                                                      Для версии 3 это 430мс
                                                      Для версии 2.3 это 620мс
                                                      Получается новая версия на 30% быстрее
                                                        –3
                                                        Переходим на Bootstrap 3:
                                                        jkeks.ru/jkeks.ru/archives/6942
                                                          0
                                                          Ребята выложите кто-нибудь скомпилированную версию пожалуйста.
                                                            0
                                                            Фаак, не дочитал до конца
                                                            +1
                                                            Для любителей оформления Bootstrap 2 хорошие новости. Одобрили тикет о возможности опционального включения старой темы github.com/twbs/bootstrap/issues/8706
                                                              0
                                                              Я правильно понимаю, что Nav lists вообще убран?
                                                              Альтернативы не увидел

                                                              Only users with full accounts can post comments. Log in, please.