wtf is bootstrap?

WTF is Bootstrap?Mail.Ru E-commerce UI-team

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.

Супер-сетка

Bootstrap CSS

●Grid system

●Typography

●Code

●Tables

●Forms

● Buttons

● Images

● Helper classes

● Responsive utilities

Bootstrap Components●Glyphicons

●Dropdowns

●Button groups

●Button dropdowns

●Input groups

●Navs

●Navbar

●Breadcrumbs

●Pagination

●Labels

● Badges

● Jumbotron

● Page header

● Thumbnails

● Alerts

● Progress bars

● Media object

● List group

● Panels

● Wells

Bootstrap jQuery plugins

●Transitions

●Modal

●Dropdown

●Scrollspy

●Tab

●Tooltip

● Popover

● Alert

● Button

● Collapse

● Carousel

● Affix

Примеры

● http://expo.getbootstrap.com

● http://builtwithbootstrap.com

www.pulse.me

www.pulse.me

www.pulse.me

-Bootstrap

=

www.pulse.me

-Bootstrap

=

www.browserstack.com

www.browserstack.com

www.browserstack.com

-Bootstrap

=

www.browserstack.com

-Bootstrap

=

ЛК - Аукцион

Переменные рулят

web/css/

torg-partner/bootstrap/

magic-bootstrap.less

“bootstrap in a box”

“bootstrap in a box”

Альтернативы Bootstrap

Foundationгики его любят..http://foundation.zurb.com

Альтернативы Bootstrap

Flat UI плоский, но страстныйhttp://designmodo.github.io/Flat-UI

Альтернативы Bootstrap

Metro UI Люк, я твой Windows 8!http://metroui.org.ua

Альтернативы Bootstrap

Sencha Touchпривет, энтерпрайз...http://www.sencha.com/products/touch

Ссылки● официальный сайт

○ getbootstrap.com (RU)

● онлайн-редакторы○ shoelace.io - сетка, media-queries○ bootsnipp.com - готовые сниппеты○ www.bootply.com , www.divshot.com - драг и дроп

● темы○ bootswatch.com - готовые темы○ pikock.github.io/bootstrap-magic , boottheme.com - создать тему

● иконки○ fortawesome.github.io/Font-Awesome - лучший иконочный шрифт

Алексей ТабакманMail.Ru E-commerce UI-team

a.tabakman@corp.mail.ru