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
100
Twitter bootstrap 小试
sztechparty
cppgohan
April 15, 2012
Tweet
Share
More Decks by cppgohan
See All by cppgohan
ReactNative for Android first look
gohan
0
67
Introduction to Bittorrent sync
gohan
0
97
flask with server-sent events
gohan
4
1.8k
Introduction To Hubot
gohan
1
220
Other Decks in Technology
See All in Technology
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
130
HonoとJSXを使って管理画面をサクッと型安全に作ろう
diggymo
0
160
「改善」ってこれでいいんだっけ?
ukigmo_hiro
0
400
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3k
今この時代に技術とどう向き合うべきか
gree_tech
PRO
2
2.1k
アウトプットから始めるOSSコントリビューション 〜eslint-plugin-vueの場合〜 #vuefes
bengo4com
3
190
SCONE - 動画配信の帯域を最適化する新プロトコル
kazuho
1
310
Kubernetes self-healing of your workload
hwchiu
0
350
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.8k
Okta Identity Governanceで実現する最小権限の原則 / Implementing the Principle of Least Privilege with Okta Identity Governance
tatsumin39
0
160
もう外には出ない。より快適なフルリモート環境を目指して
mottyzzz
11
8.5k
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
Writing Fast Ruby
sferik
629
62k
Designing for humans not robots
tammielis
254
26k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Mobile First: as difficult as doing things right
swwweet
225
10k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Context Engineering - Making Every Token Count
addyosmani
7
290
Testing 201, or: Great Expectations
jmmastey
45
7.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