Embed Size (px)
DESCRIPTION
Эта презентация отвечает на три вопроса про Bootstrap: - Что? - Зачем? - Как?
Citation preview
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.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 - лучший иконочный шрифт
