1、add the HTML doctype :
- <!Doctype html>
- <meta charset="UTF-8">
2、Bootstrap is mobile first
- <meta name="viewport" content = width="device-width",initial-scale=1 >
3、containers
Bootstrap Grid System 12columns
1、class="row"
2、class="col-sm-4" (最大12)
- xs (for phones)
- sm (for tablets)
- md(for desktop)
- lg(for larger desktop)
Bootstrap dropdown-toggle
class="btn btn-primary dropdown-toggle"
data-toggle="dropdown"
Menu<span class="caret"></span>
<ul class="dropdown-menu role="menu"" >
Bootstrap Table
- Basic : < table class="table";>
- zebra-stripe : <table class="table table-stripes";>
- Border table : <table class="table table-bordered";>
- Hover Rows : <table class="table table-hover";>
Bootstrap Image
- Rounded Corners : class = "img-rounded"
- Circle : class="img-circle"
- Thumbnail : class="img-thumbnail"
- Responsive Image : class="img-responsive"
- Image Gallery : <a class="thumbnail">
- Responsive Eebeds :
- <div class="embed-responsive embed-responsive-16by9">
- <iframe class="embed-responsive-item">
沒有留言:
張貼留言