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
85
Twitter bootstrap 小试
sztechparty
cppgohan
April 15, 2012
Tweet
Share
More Decks by cppgohan
See All by cppgohan
ReactNative for Android first look
gohan
0
44
Introduction to Bittorrent sync
gohan
0
80
flask with server-sent events
gohan
4
1.7k
Introduction To Hubot
gohan
1
210
Other Decks in Technology
See All in Technology
Improve Your Development Workflow with Gemini Code Assist
meteatamel
0
120
On Your Data を超えていく!
hirotomotaguchi
2
750
生産性向上チームの紹介
cybozuinsideout
PRO
1
910
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
8
620
Google Cloud Next '24 Recap(Cloud Run/k8s)
mokocm
0
330
Além do else! Categorizando Pokemóns com Pattern Matching no JavaScript
wmsbill
0
700
認知症フレンドリーテックとスタックチャン
naokiuc
0
170
どうするコスト最適化のトレードオフ
tetsuyaooooo
1
710
今日からできる!簡単 .NET 高速化 Tips -2024 edition-
xin9le
7
3.6k
コードや知識を組み込む / Incorporate Code and knowledge
ks91
PRO
0
140
Building a RAG-poweredAI chat appwith Python and VS Code
pamelafox
0
150
Gradle Build Scanを使ってビルドのことを知ろう potatotips #87
tomorrowkey
2
150
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
32
46k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
242
1.2M
Mobile First: as difficult as doing things right
swwweet
217
8.6k
Designing Experiences People Love
moore
136
23k
Being A Developer After 40
akosma
66
580k
In The Pink: A Labor of Love
frogandcode
138
21k
Design by the Numbers
sachag
274
18k
Art, The Web, and Tiny UX
lynnandtonic
290
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
41
4.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.7k
Building Applications with DynamoDB
mza
88
5.6k
The Cult of Friendly URLs
andyhume
74
5.7k
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