Вышел Bootstrap 2.3

Original author: Mark Otto & fat-kun
Это заняло много времени, друзья. Прошло около трех месяцев с последнего обновления, но не волнуйтесь, сегодня ожиданию наступил конец.
После многочисленных задержек, в том числе и на борьбу с гриппом, мы рады представить вам Bootstrap 2.3.

И что нового?


Bootstrap 2.3 содержит несколько как нововведений, так и фиксов и улучшений документации.
Наиболее значимые из них:

Изменения в репозитории:
  • Локальные зависимости вместо глобальных для билдера и инсталлятора. Теперь для быстрого старта простейший способ — запустить npm install
  • Апргейд до jQuery 1.9. Никаких изменений с вашей стороны не требуется, мы включили последнюю версию jQuery в наш релиз.
  • Changelog перемещен в репозиторий (был отдельной вики страницей)


Новые функции и улучшения:
  • Добавлен индикатор для карусели (link) Просто добавьте HTML и это заработает :).
  • Тултипам добавлена опция container. По умолчанию она по-прежнему равна insertAfter, но теперь у вас есть возможность указать куда вставлять тултипы (или поповеры).
  • Поповеры теперь используют max-width вместо width, также они стали чуть шире (280px vs 240) и автоматически скрывают пустой заголовок при помощи css :empty.
  • Улучшено сглаживание в тултипах (#6713)
  • Улучшена доступность для ссылок во всех компонентах. После слияния с #6441 состояние :hover объединено с :focus. Это касается как обычных ссылок, так и кнопок, выпадающих списков, панелей навигации и т.д.
  • Добавлены вспомогательные CSS классы для сокрытия контента при выводе на печать.
  • Обновлен код для групп инпутов, теперь они более приближены к обычным копмпонентам форм. Добавлен display: inline-block;, увеличен margin-bottom и добавлен vertical-align: middle; соответствующим стилям <input>
  • Добавлен трехцветный градиент .horizontal-three-colors() с примером в CSS-тестах.
  • Добавлены вспомогательные классы для выравнивания текста .text-left, .text-center, .text-right
  • Добавлен @ms-viewport, так что IE10 теперь может использовать адаптивный CSS для полиэкранного режима.


Изменения в документации:


Как обычно, вы можете посмотреть более полный список изменений в рубиконе или в pull-запросах. В большинстве случаев, там не отражены мелкие правки CSS и исправления опечаток в документации.

Заметка о тултипах


Когда мы выпустили версию 2.2.2, мы изменили механизм вставки тултипов и поповеров. Вместо добавления их к по умолчанию, они использовали insertAfter. Это изменение решило несколько проблем с наложением и значительно упростило контроль и стилизацию тултипов.

К сожалению, не обошлось и без пары багов, а именно - ошибкам в стилях групп инпутов из-за вмешивания в соседние CSS селекторы. Поэтому, вместо отмены изменений, мы добавили новый параметр container. Если вы попали в ситуацию, в которой insertAfter не применим, то установите этому параметру элемент, который вам наиболее подходит.

О Bootstrap 3


Как мы ранее отмечали, v2.3 - это наш последний запланированный релиз до полного перехода к работе над v3 (в ожидании любой катастрофической неразберихи).
Напоследок, загляните на Bootstrap 3 pull request. Вот небольшие подробности:

  • Bootstrap 3 будет #1 для мобильных устройств.
  • Больше никаких отдельных файлов для адаптивных стилей, все в одном.
  • Прекращена поддержка IE7 и Firefox 3.x.
  • Разметка была капитально пересмотрена - упрощена и резиновая по умолчанию.
  • Модальные диалоги теперь адаптивные и все такое.
  • Убрана поддержка субменю.
  • Карусели переработаны.
  • Все переменные переименованы и используют нижнее подчеркивание вместо camelCase.
  • Иконки теперь используют шрифт вместо картинок.
  • JavaScript события будут помещены в неймспейсы.
  • Документация будет немного переработана - Scaffolding и Base будут объеденены в CSS.
  • Добавлена новая страница галереи для демонстрации наиболее классных применений Bootstrap.
  • И большая куча других изменений.


Это только некоторые основные изменения, полный список и последние изменения cмотрите на странице Bootstrap 3 pull request.

Скачать Bootstrap 2.3.0

Share post

Similar posts

Comments 29

    +9
    Про модальные диалоги — сильно)
      0
      Неудивительно, ведь авторы — ребята с никами @жирный и @мдо :-)
        +16
        фраза Modals are all responsive and shit now переводится как Модальные диалоги теперь адаптивные и все такое
          +1
          Спасибо, исправил. Весьма смущал этот момент.
            +20
            Балин, я теперь мучаюсь от догадок. Напишите здесь первоначальный вариант!
              +14
              Модальные окна сейчас адаптивные и дерьмовые


              Как-то так было :)
                +1
                На самом деле они как были неадаптивными (и дерьмовыми), так и остались. При уменьшении размера браузера меньше размера модального окна, последнее не уменьшается (Chrome 24). Спасает альтернативный плагин.
                +10
                Модальные окна теперь адаптивные и потому дерьмовые!
          +4
          Постоянно вижу новости про те или иные фреймворки (Bootstrap, Foundation и т.д.). Но никак не уразумею, что же это все-таки такое и как этим пользоваться. Скачал я архив. Начал читать документацию. Написано как все хорошо, отлично, то и то. Но как пользоваться никак не пойму! С чего начать? Как применять классы. Нужно работать на основе готового шаблона или с нуля? Может кто-нибудь подскажет как начать работать с одним из этих CSS-фреймворков.
          И еще такой вопрос: на их основе обычно верстаются какие-либо сервисы, админские панели и т.д.? Т.е. для дизайна обычного сайта (сайт компании и т.д.) не используют? Ведь тогда на этапе разработки дизайна нужно уже ориентироваться на элементы фреймворка, правильно я понимаю?
            0
            Все эти фреймворки хороши для быстрого прототипирования :) А как начать: прикидываем в голове что примерно хотим получить и начинаем писать HTML используя готовые классы, глядя одним глазом в документацию, другим в код :) Добавляем навигацию (черная или бледно-серая плашка сверху), добавляем грид-контейнер и понеслась :) Потом все, что уже готово можно спокойно подгонять под свой дизайн. Для админок вообще идеально подходит :)
            P.S.: Дизайн то сам по себе не завязан на верстке, так что можно любой дизайн натянуть на тот же бутстрап ;)
              –1
              Использование фреймворков («каркасов») позволяет существенно экономить время на создании структуры верстки, а местами — довольно существенно может сэкономить и на «механике интерфейса» (то есть тех механизмах и скриптах, которые обслуживают только интерфейс, но не саму логику сайта).
              Скажем, в jQuery mobile все что только можно подгружается через AJAX (что, грубо говоря, означает, что ссылки там больше похожи по поведению на ссылки xLink с атрибутом xlink:show=«embed»), а в Bootstrap сам верстальщик может задать логику поведения некоторых кнопок и элементов управления без единой строчки кода на JS, и получить макет, в котором уже открываются и закрываются меню, диалоги и т.п.

              Стили же можно переделать до полной неузнаваемости.

              На элементы фреймворка нужно ориентироваться ровно в той степени, в какой они могут пригодиться и сэкономить время, для чего они и придуманы.
                –1
                В документации к jquery/bootstrap'у есть примеры конфигов, как заставить работать нужную Вам плюшку из галереии.
                я с нуля, вообще без знаний html/css/js меньше чем за 15 минут привёл свой asp.net mvc4 сайт к использованию bootstrap'а.
                0
                Сразу же хочется применить где-то или написать что-то своё. В общем сообщения о релизах всегда побуждают к действию и работе! =) Отличная статья для понедельника, спасибо!
                  +1
                  Отличная новость. Только утро понедельника, поначалу, неправильно истолковало мне слово «поповеры».
                    +1
                    «Bootstrap 3 will be mobile first» можно смело переводить как «Bootstrap 3 будет mobile first», а не то, что сначала будет мобильная версия.
                      0
                      Не можно, а нужно!
                      +3
                      Все заметили, что placement у тултипов не работает в новой версии? Даже в документации: twitter.github.com/bootstrap/javascript.html#tooltips
                        +1
                        Заметили, всегда сверху выходит…
                        +1
                        Замечательная вещь.
                        Пользуюсь с удовольствием в новом проекте для админ части. Экономит много времени на выдумывание стиля, просто берешь и пользуешься.
                          0
                          А куда (кому) можно сообщить (или кто нибудь поможет и сам сообщит), чтоб в таблицу стилей добавили дополнительный селектор
                           .olLayerDiv img
                          
                          в конструкцию:
                          #map_canvas img,
                          .google-maps img {
                            max-width: none;
                          }
                          

                          чтоб в итоге получилось
                          #map_canvas img,
                          .google-maps img,
                          .olLayerDiv img {
                            max-width: none;
                          }
                          

                          а то без него тайлы (изображения) карты в OpenLayers деформируются
                            0
                            А это вы в свой CSS пишите, нечего делать этому коду в универсльном скелете. А то так для каждого косяка стороннего сервиса можно писать заплатки :)
                              +2
                              Ну мне кажется OpenLayers не просто какой то сторонний сервис, на его основе карты ОСМ держатся и он достоин быть на равных с
                              .google-maps img
                              
                              быть внесен в описание стилей. Иначе, я так думаю у всех кто вставит себе на сайт карту ОСМ будут иметь такие проблемы и не сразу разберутся почему такая деформация.
                                0
                                Если это «косяк», то косяк и у Гугла, так что это правило вообще не имеет права на жизнь.

                                А если уж для одного распространенного сервиса сделано такое исключение, то обижать остальные распространенные картографические движки — нехорошо.

                                (А openstreetmap тут не при чем вообще — на OL или Leaflet много чего может быть сделано.)
                              +8
                              «Убрана поддержка субменю.»
                              Не понял зачем это делать.
                                –1
                                Несколько дней назад ретвитил новость о выходе 2.3.0 как проснулся(7 часов спустя после выхода) думал на хабре об этом давно уже написали и не стал писать.
                                А оказывается написали только сегодня))
                                7-8 февраля он вышел.
                                  –1
                                  Я сам удивился. Дважды поискал — не было такой новости. Видимо, сказываются выходные. Оригинальная новость от 7 числа.
                                  0
                                  Эх, в bootstrap 3.0 кнопочки больше не объемные…
                                    0
                                    нынче в моде стиль windows 8?
                                      0
                                      Если бы… В метро кнопки как минимум с рамками. Ну и углы прямые.
                                      А нынешние неотличимы от больших баджей. Их даже нажимать не хочется. Я уже молчу про группы radio/checkbox-ов, не понять, нажаты или нет.

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