Вышел Twitter Bootstrap 2.1.0

[masterrr]

Хорошо переработали документацию!

[MechanisM]

да, мне очень понравилось как они сделали «Example» блоки, и сделал по аналогии badger.
Писал об этом разработчикам намекая что .badge который сейчас на вид и по сути просто переделанный .label, тогда как github.com/twitter/bootstrap/issues/3808 такой вариант выглядит намного лучше имхо. Там конечно не доделано, я набросал быстро. Копипастил с их css. Но потом у себя локально сделал по-другому.

[deMone]

У кого Chrome, советую почистить кэш — у меня поначалу выдал старый сайт с 2.0.4

[masterrr]

Или просто Ctrl+F5

[deMone]

=) ну, да)

[Amadeusck]

Просто F5 не достаточно? Зачем ctrl?

[masterrr]

Если жмякните ctrl / shift то страница перезагрузится как будто с «Pragma: No-cache и „Cache-Control: no-cache“

[Amadeusck]

Всегда F5 помогало, по этому и спросил.

[masterrr]

Не минусовал.
Называется «Hard Refresh», обычный F5 или клик по иконке «обновить» это «Soft Refresh».

[Amadeusck]

Хабр такой хабр. 7 минусов и только один человек не поленился 2 строчки с пояснением написать. Гуру бл**ь.

[Amadeusck]

Спасибо за нормальный ответ.

[pilezkiy]

Кстати в хроме Ctrl+F5 работает как-то странно и иногда не помогает. Приходится совсем уж по-жесткому Ctrl+Shift+Del и «Очистить кэш».

[masterrr]

Попробуйте еще Shift+F5, но это алиас Ctrl+F5;
Также есть Pragma: No-cache с помощью Ctrl+Shift+F5, если я не ошибаюсь.

[Serval]

Что-то не то… подстава! Или мне кажется или он реально шустрей стал?
Ладно дальше покопаюсь, а там видно будет.

[dzlk]

Вот жеж, буквально на днях написал плагин с функционалом, подобным плагину affix

[Single074]

Как вовремя! Новый проект на обновленном и шустром бутстрапе!

[theOnlyBoy]

Раздел LESS пропал, теперь это маленькая незаметная ссылка Extend под заголовком, но где скачать Bootstrap с LESS я с ходу ни разу не нашёл, к сожалению. Неудобно стало в этом плане с документацией.

[sdevalex]

github.com/twitter/bootstrap/tree/master/less

[alexpogodin]

Вот же он

[nicothin]

twitter.github.com/bootstrap/getting-started.html
Download source
всё целиком в одном архиве (скачать бесплатно без смс)

[etc]

Фреймворк хорош, но меня больше www.getskeleton.com привлекает.

[Fesor]

Да, интересная штука но не хватает функционала.

[etc]

Меня он как раз и привлекает своим минимализмом. Все, чего не хватает — можно прикрутить самому. Все основные вещи в нем есть. В общем, тут уже на вкус и цвет все фломастеры разные. Такие же противоречия возникают между любителями Gentoo Linux и монстрообразных дистрибутивов :)

[Fesor]

Какие-то у вас сравнения. У меня у самого был фреймворк свой, похожий по функционалу на тот, что вы привели выше. Написан он был от скуки и за пару дней. Если уж выбирать — выберу бутстрап так как там ничего и прикручивать ненадо. А если что-то не нужно — кастомайзится сборка легко.

[Roler]

А кто мешает взять лишь нужное из Twitter Bootstrap то?

[wa_Nadoo]

Я бы не решился что-то разрабатывать на основе проекта, который еле дышит. Ему примерно столько же, как Bootstrap, а состоялось всего-лишь несколько релизов с минорными изменениями.

[etc]

Я бы Вас понял, если бы речь шла о серверной части. CSS фреймворки — каркас для построения своего дизайна. Для меня главное, чтобы он был актуален на сегодняшний день.

[battrack]

Народ, не закидывайте сразу помидорами, просто я еще пока немного не в теме. Этот фреймворк — это подборка готовых CSS-классов разных элементов, которые можно использовать в своих проектах?

[vitalets]

Да, причем для разных разрешений экранов. А также полезные js лпагины

[magic4x]

Там вот прям на главной такими большими буковками написано: Sleek, intuitive, and powerful front-end framework for faster and easier web development.

[Mithgol]

Ну, это рекламная речь, которая говорит про «зачем» вместо «как» — а battrack интересовался, какие в Bootstrap используются языки.

[magic4x]

Этот фреймворк — это подборка готовых CSS-классов разных элементов, которые можно использовать в своих проектах?

front-end framework for faster and easier web development

По-моему это вполне точный ответ. Да и про языки не вижу, и судя по комментам не я один.

[ainu]

В первую очередь — ИХМО готовый дизайн (стили) который прикрутить к своим формам спискам и таблицам, и будет выглядеть как конфетка.

[EvgeniyLazarev]

А вы знаете старую народную поговорку, что если говно скрестить с конфеткой, то получится говно? :)

Нет, я не лично к вам, но не стоит уповать на то, что вот вы внедрите кнопочки из Бутстрапа — и ваш сайт преобразится. Всё должно быть уместно и в меру.

[Fesor]

Увы обычно эта поговорка немного не работает…

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

[ainu]

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

[ainu]

Из нововведений — черная штука (панель) стала серенькой и побольше размерами. Т.е. если старый проект перевести на новую систему, то дизайн станет светлее.
И примеры (такие как .brand) теперь на светлом фоне.

[Fesor]

Это во первых хорошо, а во вторых — всегда можно это дело вернуть.

[ainu]

И ещё .controls-row вроде не было (http://twitter.github.com/bootstrap/base-css.html#forms), когда инпуты плавали

[battrack]

Так это же получается что сотни тысяч сайтов в нете будут иметь одинаковое оформление?
И при чем тут твиттер? Это они делают этот фреймворк?

[seo2z]

Лучше сотни тысяч таких одинаковых, чем сотни тысяч вырвиглазных.
Да, они.

[sparkle]

И на каждый апдейт на хабре будет такая цепочка комментариев :)

[Mithgol]

Мы должны на опыте учиться без устали проповедовать и разъяснять истину.

[iDark]

У многих сайтов на известных платформах (WordPress, DLE and etc.) оно и сейчас такое, а при использовании фреймворков, стиль может и будет одинаковый, но сама верстка сайта вряд ли повторится, если только не повторят умышлено, имхо.

[seo2z]

Хочется думать, что адекватные разработчики стараются уникализировать свои труды, хотя бы через Customize =)

[ainu]

Мда. Из таких мыслей и получаются интерфесы вроде Nero.

[Xobb]

уникализировать — тут без добавления кала не обошлось.

[Fesor]

на самом деле сделать на бутстрапе что-то дельное и не сильно похожее на дефолтную тему занимает всего час, гибкий скаффолдинг по сетке, less… У меня сейчас висит один проект с версткой на Bootstrap, дизайнер постарался на славу, и оформление вроде бы более менее уникальное, и смотрится хорошо, и сверстать это на бутстрапе заняло всего пару дней. Словом, вина же не во фреймворке а в разработчиках.

[Xobb]

Абсолютно согласен. Бутстрап потому и фреймворк, а не очередной шаблон с template-monster. Кстати, думаю на таких сайтах сейчас много появилось разных «скинов» на основе бутстрапа, ибо на нем действительно просто все делается.

[miraage]

Можно проявить немного фантазий и поиграться в разделе Customze. Или же less.

[Kaaboeld]

Берете less версию и ни в чем себе не отказываете… В итоге на прочном базисе фреймворка, можно без особого труда кастомизировать bootstrap в любое свое «нечто».

[d43]

Ничто не мешает сделать свое оформление на базе Bootstrap. Посмотрите, например, Kippt или Fleetio.

[MechanisM]

Soglasen, nekotorie kopaut ne slishkom gluboko(dazhe ne smotryat v storonu papochki «less» i ne hotyat znat' chto mozhno s etim sotvorit) i shitaut chto bootstrap goditsya tolko dlya adminok =)
odin iz sozdateley vimeo, zapuskaya svoi proekt, tozhe vospolzovalsya bootstrap.

[seo2z]

О, как раз плавающее меню понадобилось.
А пульсирующая кнопка Download Bootstrap по центру — разве доступна в форке?

[xbreaker]

Нет, пульсация описана в docs.css:

/* Download button */
@-webkit-keyframes downloadButton {
  from { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); }
  50% {  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 25px rgba(0,68,204,.9); }
  to {   box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); }
}
.masthead .btn {
  -webkit-animation-name: downloadButton;
     -moz-animation-name: downloadButton;
}

[mkoreshkov]

А-а-а!
Круто-круто!

[gollum]

Не понимаю, зачем меню второго уровня в документации вынесли в колонку. Раньше оно занимало одну полосочку сверху, а теперь треть окна.

[kuber]

>> Не понимаю, зачем меню второго уровня в документации вынесли в колонку.
Полагаю, что это для демонстрации Affix’а

[vitalets]

Согласен. Пространство стало менее рационально использоваться.
Полезно было бы сделать элемент типа subnav, который при скролинге прикреплялся бы к верхней панели — как было в прошлых доков.

[gollum]

Ага, я как раз этот сабнав полюбил и использовал )

[vitalets]

До, он удобный. Я тоже его из доков выковыривал)

[Badim]

CDN для Bootstrap http://netdna.bootstrapcdn.com/

[kuber]

C аккордеоном в IE 8, 9 явно какая то беда:

[ImKremen]

По ходу бага, там для чего-то хак стоит:

.collapse {
  overflow: hidden;
  overflow: visible \9;
}

[Stac]

Сколько дополнений и сервисов связанных с Bootstrap уже существует…

А есть ли обзор лучших или просто интересных дополнений и сервисов?

[vitalets]

www.webresourcesdepot.com/20-beautiful-resources-that-complement-twitter-bootstrap/

[Stac]

Спасибо.

[Stac]

Я использую Twitter Bootstrap и мне он нравится. Но я не подписан на его блог.
Задумался, как так получилось?

Да у него RSS, похоже, нет. Это вообще можно считать блогом, если без RSS?

[xbreaker]

Можно, вообще их блог — это простые html-страницы, сгенерированные Jekyll и использующие github-pages. Этакий минимализм :)

[Stac]

Минимализм это круто. уважаю.

Как люди подписываются на такие блоги? Как-то через github?

[LiaDesign]

Вот вам ссылка на Atom (думаю подавляющее большинство ридеров — поймут) Коммитов в Мастер ветку на Гитхабе
github.com/twitter/bootstrap/commits/master.atom
Я только за этим слежу. Плюс к каждому коммиту есть комментарий.

[Stac]

Мой ридер понял. Спасибо.

[cadmi]

В принципе, можно было ведь и xml'ку для rss так же по шаблону генерить при обновлении :)

[MechanisM]

Видимо вас услышали.

[Stac]

Это хабрачудо!

Хотя было бы лестно оказаться в числе «а few awesome folks». :)

Спасибо!

[Groove]

Очень много нового и хорошего добавлено.
Жаль только в Dropdowns так и оставили выпадение списка на клику, а не при наведении.

[XimikS]

Если для себя — так форкните и пофиксите, опенсурс же:)

[miraage]

Вероятно для совместимости с touch-девайсам?

[udivankin]

@baseFontSize заменили на 14px, как пошутил коллега, зрение у команды разработчиков садится, к Bootstrap v5 будут все 20px
А еще раздел сайта где можно сделать Customize не работает.

[metamorph]

А что за атрибуты aria-hidden и aria-labelledby у модального окна появились?
Вроде, раньше не было их.

[kugaevsky]

dev.w3.org/html5/markup/aria/aria.html#aria-attrs-all

[Mithgol]

Форкните, пропатчите, вышлите им запрос на слияние.

[negodnik]

В этих цветах на Ubuntu смахивает как-то.

[deetriple]

До вчерашнего дня по какой-то непонятной причине обходил стороной эту штуку. Вчера сел, прочитал доки — заразился. Может быть, я сайт на нем полностью делать никогда и не буду, зато админки верстать с ним — самое то! На энтузиазме почти сделал сделал мини-crm для своего проекта с интерфейсом из bootstrap, думаю завтра закончить уже. До этого пользовался активно html5 boilerplate, но тут, очевидно, больше каких-то полезных стандартных вещей, заменяющих собой jquery.ui и boilerplate, так что для простых проектов и для быстрой разработки, когда суть приложения важнее оригинального внешнего вида, bootstrap, имхо, великолепно подходит…

[dmitrygusev]

Как обычно, порт для SAAS можно найти здесь:

github.com/yury/bootstrap

и gem для rails:

github.com/anjlab/bootstrap-rails

[keltanas]

В каталоге с CSS лежит файл error следующего содержания:

A less error occured trying to build your bundle. Please paste the error below in an issue for us at github.com/twitter/bootstrap! thanks!

{«type»:«Parse»,«message»:«Syntax Error on line 766»,«index»:24273,«filename»:«bootstrap.css»,«line»:766,«column»:31,«extract»:["// ------------------",".buttonBackground(@startColor, @endColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba (0,0,0,.25)) {"," // gradientBar will set the background to a pleasing blend of these, to support IE

[xbreaker]

тут два варианта: либо вы вписали неверное значение какого-то параметра на странице Customize, либо просто приложение по генерации кастомного css обновлялось во время вашего запроса. повторное формирование должно помочь

[vitalets]

еще одна подборка плагинов к бутстрапу:
superdit.com/2012/08/25/15-more-twitter-bootstrap-resources/