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
93
Twitter bootstrap 小试
sztechparty
cppgohan
April 15, 2012
Tweet
Share
More Decks by cppgohan
See All by cppgohan
ReactNative for Android first look
gohan
0
54
Introduction to Bittorrent sync
gohan
0
91
flask with server-sent events
gohan
4
1.8k
Introduction To Hubot
gohan
1
220
Other Decks in Technology
See All in Technology
BLADE: An Attempt to Automate Penetration Testing Using Autonomous AI Agents
bbrbbq
0
330
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
390
アジャイルでの品質の進化 Agile in Motion vol.1/20241118 Hiroyuki Sato
shift_evolve
0
180
AWS Lambda のトラブルシュートをしていて思うこと
kazzpapa3
2
180
CDCL による厳密解法を採用した MILP ソルバー
imai448
3
180
DynamoDB でスロットリングが発生したとき/when_throttling_occurs_in_dynamodb_short
emiki
0
260
組織成長を加速させるオンボーディングの取り組み
sudoakiy
2
220
Making your applications cross-environment - OSCG 2024 NA
salaboy
0
200
TypeScript、上達の瞬間
sadnessojisan
46
13k
Taming you application's environments
salaboy
0
200
OCI Network Firewall 概要
oracle4engineer
PRO
0
4.2k
The Role of Developer Relations in AI Product Success.
giftojabu1
0
140
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Being A Developer After 40
akosma
87
590k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
Automating Front-end Workflow
addyosmani
1366
200k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
A better future with KSS
kneath
238
17k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Git: the NoSQL Database
bkeepers
PRO
427
64k
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