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
94
Twitter bootstrap 小试
sztechparty
cppgohan
April 15, 2012
Tweet
Share
More Decks by cppgohan
See All by cppgohan
ReactNative for Android first look
gohan
0
57
Introduction to Bittorrent sync
gohan
0
92
flask with server-sent events
gohan
4
1.8k
Introduction To Hubot
gohan
1
220
Other Decks in Technology
See All in Technology
技術負債の「予兆検知」と「状況異変」のススメ / Technology Dept
i35_267
1
1k
Datadogとともにオブザーバビリティを布教しよう
mego2221
0
130
『AWS Distinguished Engineerに学ぶ リトライの技術』 #ARC403/Marc Brooker on Try again: The tools and techniques behind resilient systems
quiver
0
130
Kubernetes x k6 で負荷試験基盤を開発して 負荷試験を民主化した話 / Kubernetes x k6
sansan_randd
2
730
サーバーレスアーキテクチャと生成AIの融合 / Serverless Meets Generative AI
_kensh
12
3k
まだ間に合う! エンジニアのための生成AIアプリ開発入門 on AWS
minorun365
PRO
4
580
リーダブルテストコード 〜メンテナンスしやすい テストコードを作成する方法を考える〜 #DevSumi #DevSumiB / Readable test code
nihonbuson
11
5.8k
2.5Dモデルのすべて
yu4u
2
610
現場で役立つAPIデザイン
nagix
29
10k
マルチモーダル理解と生成の統合 DeepSeek Janus, etc... / Multimodal Understanding and Generation Integration
hiroga
0
360
技術的負債解消の取り組みと専門チームのお話 #技術的負債_Findy
bengo4com
1
1.2k
ハッキングの世界に迫る~攻撃者の思考で考えるセキュリティ~
nomizone
12
4.5k
Featured
See All Featured
Code Review Best Practice
trishagee
66
17k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Writing Fast Ruby
sferik
628
61k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
KATA
mclloyd
29
14k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Six Lessons from altMBA
skipperchong
27
3.6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.4k
Producing Creativity
orderedlist
PRO
343
39k
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