bootstrap不是軟件,而是一個用于快速開發web應用程序和網站的前端框架;bootstrap是基于HTML、css、JavaScript開發的,提供了優雅的html和css規范,因此bootstrap并不是一款軟件。
如何快速入門VUE3.0:進入學習
本教程操作環境:Windows10系統、bootstrap5版、DELL G3電腦
bootstrap不是軟件
Bootstrap 是一個用于快速開發 Web 應用程序和網站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 開發的簡潔、直觀、強悍的前端開發框架,使得 Web 開發更加快捷。Bootstrap提供了優雅的HTML和CSS規范,它即是由動態CSS語言Less寫成。Bootstrap一經推出后頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。國內一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基于Bootstrap源碼進行性能優化而來。
Bootstrap 包的內容
基本結構:Bootstrap 提供了一個帶有網格系統、鏈接樣式、背景的基本結構。這將在 Bootstrap 基本結構 部分詳細講解。
CSS:Bootstrap 自帶以下特性:全局的 CSS 設置、定義基本的 HTML 元素樣式、可擴展的 class,以及一個先進的網格系統。這將在 Bootstrap CSS 部分詳細講解。
組件:Bootstrap 包含了十幾個可重用的組件,用于創建圖像、下拉菜單、導航、警告框、彈出框等等。這將在 布局組件 部分詳細講解。
JavaScript 插件:Bootstrap 包含了十幾個自定義的 jQuery 插件。您可以直接包含所有的插件,也可以逐個包含這些插件。這將在 Bootstrap 插件 部分詳細講解。
定制:您可以定制 Bootstrap 的組件、LESS 變量和 jQuery 插件來得到您自己的版本。
示例如下:
<!DOCTYPE html> <html> <head> <title>Bootstrap 實例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="jumbotron"> <h1>我的第一個 Bootstrap 頁面</h1> <p>重置窗口大小,查看響應式效果!</p> </div> <div class="row"> <div class="col-sm-4"> <h3>第一列</h3> <p>學的不僅是技術,更是夢想!</p> <p>再牛逼的夢想,也抵不住你傻逼似的堅持!</p> </div> <div class="col-sm-4"> <h3>第二列</h3> <p>學的不僅是技術,更是夢想!</p> <p>再牛逼的夢想,也抵不住你傻逼似的堅持!</p> </div> <div class="col-sm-4"> <h3>第三列</h3> <p>學的不僅是技術,更是夢想!</p> <p>再牛逼的夢想,也抵不住你傻逼似的堅持!</p> </div> </div> </div> </body> </html>
輸出結果: