Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Twitter bootstrap 小试
Search
cppgohan
April 15, 2012
Technology
0
92
Twitter bootstrap 小试
sztechparty
cppgohan
April 15, 2012
Tweet
Share
More Decks by cppgohan
See All by cppgohan
ReactNative for Android first look
gohan
0
52
Introduction to Bittorrent sync
gohan
0
89
flask with server-sent events
gohan
4
1.8k
Introduction To Hubot
gohan
1
210
Other Decks in Technology
See All in Technology
20240912 JJUGナイトセミナー
mii1004
0
140
Privacy Sandbox on Android / DroidKaigi 2024
7pairs
1
270
JEP 480: Structured Concurrency
aya_ebata
0
130
より快適なエラーログ監視を目指して
leveragestech
4
1.4k
株式会社EventHub・エンジニア採用資料
eventhub
0
2.9k
なにもしてないのにNew Relicのデータ転送量が増えていたときに確認したこと
tk3fftk
2
230
ネットワークだけ隔離されたコンテナ作成デモ / Kichijoji.pm36
tenforward
1
230
サーバー管理しないサーバーサービスManaged DevOps Pool
kkamegawa
0
130
可視化により内部品質をあげるAIドキュメントリバース/20240910 Hiromitsu Akiba
shift_evolve
0
220
リアルお遍路+SORACOM IoT
ozk009
1
140
Next.js のページ遷移を全力で止める
ypresto
7
3.2k
事前準備が肝!AI活用のための業務改革
layerx
PRO
1
380
Featured
See All Featured
Robots, Beer and Maslow
schacon
PRO
157
8.2k
Testing 201, or: Great Expectations
jmmastey
36
7k
VelocityConf: Rendering Performance Case Studies
addyosmani
322
23k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
How GitHub (no longer) Works
holman
310
140k
How To Stay Up To Date on Web Technology
chriscoyier
786
250k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
5
480
Become a Pro
speakerdeck
PRO
22
4.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
36
6.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
Infographics Made Easy
chrislema
239
18k
Agile that works and the tools we love
rasmusluckow
327
20k
Transcript
@cppgohan Twitter bootstrap খࢼ
Bootstrap, from Twitter Simple and flexibley HTML, CSS, and Javascript
for popular user interface components and interactions. ؆ᄸ䈻׆త༝HTML, CSS, Javascriptଧతྲྀߦ༻㖽ք ໘݅
Bootstrap, from Twitter Simple and flexibley HTML, CSS, and Javascript
for popular user interface components and interactions. ؆ᄸ䈻׆త༝HTML, CSS, Javascriptଧతྲྀߦ༻㖽ք ໘݅ খਗ਼৽
Built with Bootstrap? ༻bootstrapత᠓ԋࣔ •kippt https://kippt.com •twitter bootstrap http://twitter.github.com/bootstrap/ •JSHint
http://www.jshint.com/
Install? •Լࡌ(http://twitter.github.com/bootstrap) •ฤᩄతแ(css, js, img) •ฤᩄલతแ(less, js, img) •ఆ੍Լࡌ(webհ໘ఆ੍ᒬࣜ) •Initializr
ጺਓแ(http://www.initializr.com/) •webհ໘ఆ੍(ࣗትྃjquery.js, less.js) •ਓภ懒ਓแ
Get start! •Grid System •Inline Type Element •Form && Button
•Icon •Navigator •Alerts and Error Messages
Grid System ᘍೝᗣ低940px, 12ྻᒬࣜ, Մఆ੍ @gridColumns: 16 @gridColumnWidth: 48.75px @gridGutterWidth:
10px मվresponsive.less, 低ࣗదጯ
Inline Type Element ඪ ஈམ ఏࣔ ྻද ද֨ ༗᮫Ꮣྔ @linkColor,
@linkColorHover, @textColor @baseFontSize, @baseFontFamily, @baseLineHeight @altFontFamily, @headingsFontFamily, @headingsFontWeight @headingsColor @table* ...
Form && Button && Icon JOQVUCPY TFBSDICPY ෆಉେখઃஔ େதখ҈ᭃ ৗ༻ᰓ৭
ෆಉ㐫ଶ ৗ༻图标
Form && Button && Icon
Navigator .navbar ఆ੍తᏓྔ @navbarHeight, @navbarBackground, @navbarBackgroundHighlight @navbarText, @navbarLinkColor, @navbarLinkColorHover, @navbarLinkColorActive,
@navbarLinkBackgroundHover, @navbarLinkBackgroundActive, @navbarSearchBackground, @navbarSearchBackgroundFocus, @navbarSearchBorder, @navbarSearchPlaceholderColor
Navigator
Alerts and Error Messages ᘍೝᰓ৭ᒬࣜ .alert .alert-error .alert-success .alert-info
THE END! BUT... ંಅෆࢭ! ࠫཾਫ਼ਆෆࢭ! blog.baozishan.in @cppgohan