Bootstrap3基礎 bg-danger/info... 輔助類樣式 背景文本顏色
阿新 • • 發佈:2019-03-17
head www 使用 支持 table 普通 rim 初始 work
Firefox是開源的瀏覽器,優秀,值得關註。
面對開源框架,分析、領悟與應用,能對其進行加減裁化,隨心所欲而不逾矩。
博文的質量普通,僅供參考。盲目復制,處處是坑。Think twice before you act(三思而後行)!
?
??OS | ??Windows 10 x64 |
??browser | ??Firefox 65.0.2 |
??framework?? | ??Bootstrap 3.3.7 |
??editor | ??Visual Studio Code 1.32.1?? |
??typesetting | ??Markdown |
?
code
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <!-- IE將使用最新的引擎渲染網頁 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 頁面的寬度與設備屏幕的寬度一致 初始縮放比例 1:1 --> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Demo</title> <meta name="author" content="www.cnblogs.com/kemingli"> <!-- 引入外部bootstrap的css文件(壓縮版),版本是3.3.7 --> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> <!-- HTML5 shim 和 Respond.js 是為了讓 IE8 支持 HTML5 元素和媒體查詢(media queries)功能 --> <!-- 警告:通過 file:// 協議(就是直接將 html 頁面拖拽到瀏覽器中)訪問頁面時 Respond.js 不起作用 --> <!--[if lt IE 9]> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/html5shiv.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dest/respond.min.js"></script> <![endif]--> </head> <body> <!-- start : demo --> <div class="container"> <p class="bg-danger">bg-danger:道可道,非常道;名可名,非常名。</p> <p class="bg-info">bg-info:無名,天地之始;有名,萬物之母。</p> <p class="bg-warning">bg-warning:故常無欲,以觀其妙;常有欲,以觀其僥。</p> <p class="bg-success">bg-success:此兩者同出而異名,同謂之玄。</p> <p class="bg-primary">bg-primary:玄之又玄,眾妙之門。</p> </div> <!-- end : demo --> <!-- NO.1 加載框架依賴的jQuery文件(壓縮版),版本是1.12.4 --> <script src="bootstrap/js/jquery.min.js"></script> <!-- NO.2 加載Bootstrap的所有JS插件,版本是3.3.7 --> <script src="bootstrap/js/bootstrap.min.js"></script> </body> </html>
?
result
?
resource
- [ 文檔 ] getbootstrap.com/docs/3.3
- [ 源碼 ] github.com/twbs/bootstrap
- [ 源碼 ] archive.mozilla.org/pub/firefox/releases/65.0/source/
- [ 平臺 ] www.cnblogs.com
- [ 平臺 ] github.com
- [ 擴展 - 平臺] www.bootcss.com
- [ 擴展 - 瀏覽器 ] www.mozilla.org/zh-CN/firefox/developer
?
Bootstrap是前端開源框架,優秀,值得學習。
博文講述的是V3版本,更為先進的是V4版本。學有余力的話,可作簡單地了解。
面對開源框架,分析、領悟與應用,能對其進行加減裁化,隨心所欲而不逾矩。
博文的質量普通,僅供參考。盲目復制,處處是坑。Think twice before you act(三思而後行)!
Bootstrap3基礎 bg-danger/info... 輔助類樣式 背景文本顏色