使用 Bootstrap 入門 教學 與 快速 設定

How to build a website using bootstrap quickly?

作者: 七味粉 |
文章2013-05-06
85 分享
39
    Bootstrap 幫助開發者快速的開發網頁,而且已經有標準的外觀,可讓工程師更專注於程式的撰寫。
  • 下載檔案

  • 
    
    已編譯過版本 下載
    原始版本   下載

  • 下載解壓縮後的檔案內容

  • 
    
    css/
    bootstrap.css
    bootstrap.min.css
    js/
    bootstrap.js
    bootstrap.min.js
    img/
    glyphicons-halflings.png
    glyphicons-halflings-white.png


  • 開始使用Bootstrap ( 載入JS、CSS、jQuery檔 )

  • 
    
    <!DOCTYPE html>
    <html>
    <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    </head>
    <body>
    <h1>Hello, world!</h1>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    </body>
    </html>

  • 參考網站:
    更多文件
    官方網站
貼心小提醒
1.您目前未登入,若於此狀態進行文章收藏,紀錄可能無法長期保留。
2.建議登入後進行收藏,好文會幫你保存著,隨時要看也不怕找不到唷~

KiKiNote持續為您提供最優質的資訊內容,謝謝您!
不再顯示此視窗

複製成功