bootstrap简单使用
生活随笔
收集整理的這篇文章主要介紹了
bootstrap简单使用
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1.bootstrap實例：
1 <title>Bootstrap 實例 - 代碼</title> 2 <link href="https://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> 3 <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> 4 <script src="https://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> 5 </head> 6 <body> 7 <p><code><header></code> 作為內(nèi)聯(lián)元素被包圍。</p> 8 <p>如果需要把代碼顯示為一個獨立的塊元素，請使用 <pre> 標(biāo)簽：</p> 9 <pre> 10 <article> 11 <h1>Article Heading</h1> 12 </article> 13 </pre> 14 </body> 15 </html> View Code2.按鈕：
1 <html> 2 <head> 3 <title>Bootstrap 實例 - 按鈕選項</title> 4 <link href="https://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> 5 <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> 6 <script src="https://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> 7 </head> 8 <body> 9 <button type="button" class="btn btn-default">默認(rèn)按鈕</button> 10 <button type="button" class="btn btn-primary">原始按鈕</button> 11 <button type="button" class="btn btn-success">成功按鈕</button> 12 <button type="button" class="btn btn-info">信息按鈕</button> 13 <button type="button" class="btn btn-warning">警告按鈕</button> 14 <button type="button" class="btn btn-danger">危險按鈕</button> 15 <button type="button" class="btn btn-link">鏈接按鈕</button> 16 </body> 17 </html> 按鈕效果圖：
?
轉(zhuǎn)載于:https://www.cnblogs.com/chenze-Index/p/9274496.html
總結(jié)
以上是生活随笔為你收集整理的bootstrap简单使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 花生壳域名解析更新代码（C#），不想安装
- 下一篇： java.io.IOException: