2014/06/05

on
● -- ●
.■■■ - 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)會自動以垂直方向堆疊顯示
.■ - LayoutIt 網站 提供了線上建立 Bootstrap 網頁,
.■■■ - 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 意見: