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
99
Twitter bootstrap 小试
sztechparty
cppgohan
April 15, 2012
Tweet
Share
More Decks by cppgohan
See All by cppgohan
ReactNative for Android first look
gohan
0
63
Introduction to Bittorrent sync
gohan
0
95
flask with server-sent events
gohan
4
1.8k
Introduction To Hubot
gohan
1
220
Other Decks in Technology
See All in Technology
実践! AIエージェント導入記
1mono2prod
0
150
BrainPadプログラミングコンテスト記念LT会2025_社内イベント&問題解説
brainpadpr
0
160
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
iselegant
16
4.9k
BigQuery Remote FunctionでLooker Studioをインタラクティブ化
cuebic9bic
2
240
SalesforceArchitectGroupOsaka#20_CNX'25_Report
atomica7sei
0
100
Amazon S3標準/ S3 Tables/S3 Express One Zoneを使ったログ分析
shigeruoda
3
410
20250623 Findy Lunch LT Brown
3150
0
820
原則から考える保守しやすいComposable関数設計
moriatsushi
3
510
Oracle Cloud Infrastructure:2025年6月度サービス・アップデート
oracle4engineer
PRO
2
150
監視のこれまでとこれから/sakura monitoring seminar 2025
fujiwara3
10
3.3k
Azure AI Foundryでマルチエージェントワークフロー
seosoft
0
160
エンジニア向け技術スタック情報
kauche
1
120
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Rails Girls Zürich Keynote
gr2m
94
14k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
34k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.3k
Building Applications with DynamoDB
mza
95
6.5k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Building Adaptive Systems
keathley
43
2.6k
Scaling GitHub
holman
459
140k
Optimizing for Happiness
mojombo
379
70k
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
GraphQLとの向き合い方2022年版
quramy
46
14k
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