20131108 boot strap-basiccss By Randy
Upcoming SlideShare
Loading in...5
×
 

20131108 boot strap-basiccss By Randy

on

  • 177 views

bootstrap basic css by Randy

bootstrap basic css by Randy

Statistics

Views

Total Views
177
Views on SlideShare
177
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

20131108 boot strap-basiccss By Randy 20131108 boot strap-basiccss By Randy Presentation Transcript

  • BOOTSTRAP-BASICCSS
  • 大綱  排版  表格  按鈕  圖片、圖示
  • font-size 排版 段落突出: lead 對齊:text-left、text-center、text-right 顏色強調: muted、text-warning、text-error、text-info、text-success
  • font-size 排版 initialism : 搭配abbr使用,讓字體變小並轉為大寫 pull-right: float: right; pull-left: float: left unstyled: 移除無序列表的樣式、margin-left: 0: Inline: 搭配ul、ol使用 讓列表display改為inline-block 讓padding-left , padding-right : 5px;
  • font-size 排版 dl-horizontal : 搭配dl dt dd 使用 pre-scrollable :搭配 pre使用 設定height: 350px 並出現scroll-bar
  • font-size .table-striped 表格 table : table-striped: 於tbody加入斑馬條紋 table-bordered: 為table增加圓角、邊框
  • font-size .table-striped 表格 table-hover : table-condensed: 減少每個td的padding,讓table緊密 Success、error、warning、info: 改變 table中 tr 的背景顏色
  • font-size 按鈕 btn、btn btn-primary、btn btn-info、btn btn-success btn btn-danger、btn btn btn-inverse、btn btn btn-link btn-large、btn-small、btn-mini btn-block disabled:沒有對button tag 加入真的disabled屬性
  • font-size 圖片、圖示 Img-rounded、img-circle、img-polaroid 圖示需要依附於<i></i>,搭配其他tag使用的樣子: 無序列表 a搭配btn