③bootstrap文本使用基礎案例
阿新 • • 發佈：2017-10-02
resp 移動 ast style ner 開源 案例 com 最新版
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--移動設備優先--> <title>bootstrap</title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- 可選的 Bootstrap 主題文件（一般不用引入） --><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <style> </style> </head> <body> <div class="container"> <div class="row"> <div class="col-sm-4"> <img src="//img.alicdn.com/tfs/TB1MaLKRXXXXXaWXFXXXXXXXXXX-480-260.png" alt="" class="img-responsive"/> <p>hello</p> <a href="">hello</a> <h1>h1標題<small>小字體</small></h1> <h2>h2標題</h2> <h3>h3標題</h3> <h4>h4標題</h4> <h5>h5標題</h5> <h6>h6標題</h6> <p class="h1">p h1標題</p> <p class="h2">p h2標題</p> <p class="h3">p h3標題</p> <p class="h4">p h4標題</p> <p class="h5">p h5標題</p> <p class="h6">p h6標題</p> <p class="lead text-center"> lead強調 居中對齊 </p> </div> <div class="col-sm-8"> <abbr title="跟我一起學習english" class="initialism">學習english initialism大寫的意思</abbr> <address> <strong>Twitter, Inc.</strong><br> Folsom Ave, Suite 600<br> San Francisco, CA 94107<br> <abbr title="Phone">P:</abbr> (123) 456-7890 </address> <address> <strong>Full Name</strong><br> <a href="mailto:#">[email protected]</a> </address> </p> <blockquote class="pull-right"> <p> Bootstrap是Twitter推出的一個用於前端開發的開源工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。目前,Bootstrap最新版本為3.0... </p> <small>來自<em>bootstrap中文網</em></small> </blockquote> </div> </div> </div> </body> </html>
③bootstrap文本使用基礎案例