.■■■ - BootStrap 官網 : http://getbootstrap.com/ ;; Bootstrap中文网 ;; 正體中文版 ;; w3cSchool.cc ;;
.■■■ - [本站] Visual Studio 2013 Memo vs2013
.■■■ - Bootstrap3.0入門學習系列規劃[持續更新 cn]
.■■■ - 在網頁中嵌入顯示程式碼：Google Code Prettify
.■■■ - Bootstrap ::: TechEd 2013宣告未來ASP.NET專案範本將會以Bootstrap為基底 , Bootstrap網站上有頗為詳細的示範與教學
.■ - [CSS] 做網站非學不可的Twitter Bootstrap
.■ - MVP Bruce已將全站翻成正體中文版。另外也有翻成簡體中文版，如: Bootstrap中文網
.■ - Bootstrap是一個開放原始程式碼(Open Source)的前端開發框架(front-end framework)，用於建立網站應用程式。由在Twitter工作的Mark Otto與Jacob Thornton在2011年8月發明出來，它包含許多使用HTML與CSS樣式設計的範本，進行文字編排、表單、網站導覽…等網站功能的設計，以及一些 好用的JavaScript Plugin，支援響應式網頁設計(Responsive Web Design)。
.■ - 預設Bootstrap 3 的Grid系統將網頁劃分為12個欄位，根據未來顯示裝置或瀏覽器的寬度，提供四種版面尺寸：
- · Extra small devices Phones (<768px li="">
- · Small devices Tablets (≥768px)：小於邊界值(768px)會自動以垂直方向堆疊顯示。
- · Medium devices Desktops (≥992px) ：小於邊界值(992px)會自動以垂直方向堆疊顯示。
- · Large devices Desktops (≥1200px) ：小於邊界值(1200px)會自動以垂直方向堆疊顯示
.■■■ - Bootstrap將全局font-size設置為14px，line-height為1.428 。這些屬性直接賦給<body>和所有段落元素。另外，<p>（段落）還被設置了等於1/2行高的底部外邊距（margin）（即10px）。
.■■■ - 多行代碼可以使用<pre>標籤。為了正確的展示代碼，注意將尖括號做轉義處理。可以使用.pre-scrollable class，其作用是設置max-height為350px，並在垂直方向展示滾動條。
.■■■ - <span class="caret"></span>使用插入符表示下拉的功能和方向。請注意，默認插入符會自動反轉在dropup菜單。
.■■■ - 使用.clearfix清除任意頁面元素的浮動。<div class="clearfix">...</div>
.■■■ - 通過添加.img-responsive class可以讓Bootstrap 3中的圖片對響應式佈局的支持更友好。其實質是為圖片賦予了max-width: 100%;和height: auto;屬性，可以讓圖片按比例縮放，不超過其父元素的尺寸。
.■■■ - <h1>Example page header <small>Subtext for header</small></h1> , 可以使用h1的默认small元素（添加了一些额外的样式）。
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
-
-
0 意見:
張貼留言