Tweet
Tweet

Slide 1

Slide 1 text

@cppgohan Twitter bootstrap খࢼ

Slide 2

Slide 2 text

Bootstrap, from Twitter Simple and flexibley HTML, CSS, and Javascript for popular user interface components and interactions. ؆ᄸ䈻׆త༝HTML, CSS, Javascriptଧ଄తྲྀߦ༻㖽ք ໘૊݅

Slide 3

Slide 3 text

Bootstrap, from Twitter Simple and flexibley HTML, CSS, and Javascript for popular user interface components and interactions. ؆ᄸ䈻׆త༝HTML, CSS, Javascriptଧ଄తྲྀߦ༻㖽ք ໘૊݅ খਗ਼৽

Slide 4

Slide 4 text

Built with Bootstrap? ࢖༻bootstrapత᠓᜾ԋࣔ •kippt https://kippt.com •twitter bootstrap http://twitter.github.com/bootstrap/ •JSHint http://www.jshint.com/

Slide 5

Slide 5 text

Install? •׭໢Լࡌ(http://twitter.github.com/bootstrap) •ฤᩄ޷తแ(css, js, img) •ฤᩄલతแ(less, js, img) •ఆ੍Լࡌ(webհ໘ఆ੍ᒬࣜ) •Initializr ጺਓแ(http://www.initializr.com/) •webհ໘ఆ੍(ࣗትྃjquery.js, less.js౳౳) •࿽ਓภ޷懒ਓแ

Slide 6

Slide 6 text

Get start! •Grid System •Inline Type Element •Form && Button •Icon •Navigator •Alerts and Error Messages

Slide 7

Slide 7 text

Grid System ᘍೝᗣ低940px, 12ྻᒬࣜ, Մఆ੍ @gridColumns: 16 @gridColumnWidth: 48.75px @gridGutterWidth: 10px मվresponsive.less, 低౓ࣗదጯ

Slide 8

Slide 8 text

Inline Type Element ඪ୊ ஈམ ఏࣔ ྻද ද֨ ༗᮫Ꮣྔ @linkColor, @linkColorHover, @textColor @baseFontSize, @baseFontFamily, @baseLineHeight @altFontFamily, @headingsFontFamily, @headingsFontWeight @headingsColor @table* ...

Slide 9

Slide 9 text

Form && Button && Icon JOQVUCPY TFBSDICPY ෆಉେখઃஔ େதখ҈ᭃ ৗ༻ᰓ৭ ෆಉ㐫ଶ ৗ༻图标

Slide 10

Slide 10 text

Form && Button && Icon

Slide 11

Slide 11 text

Navigator .navbar ఆ੍తᏓྔ @navbarHeight, @navbarBackground, @navbarBackgroundHighlight @navbarText, @navbarLinkColor, @navbarLinkColorHover, @navbarLinkColorActive, @navbarLinkBackgroundHover, @navbarLinkBackgroundActive, @navbarSearchBackground, @navbarSearchBackgroundFocus, @navbarSearchBorder, @navbarSearchPlaceholderColor

Slide 12

Slide 12 text

Navigator

Slide 13

Slide 13 text

Alerts and Error Messages ᘍೝᰓ৭ᒬࣜ .alert .alert-error .alert-success .alert-info

Slide 14

Slide 14 text

THE END! BUT... ંಅෆࢭ! ࠫཾਫ਼ਆෆࢭ! blog.baozishan.in @cppgohan