溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

bootstrap主要是用來做什么的

發(fā)布時間：2020-11-12 14:02:52 來源：億速云 閱讀：519 作者：小新 欄目：web開發(fā)

了解bootstrap主要是用來做什么的？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

bootstrap主要是什么

Bootstrap主要是一個用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。

在現(xiàn)代 Web 開發(fā)中，有幾個幾乎所有的 Web 項目中都需要的組件。

Bootstrap 為您提供了所有這些基本的模塊 - Grid、Typography、Tables、Forms、Buttons 和 Responsiveness。

此外，還有大量其他有用的前端組件，比如 Dropdowns、Navigation、Modals、Typehead、Pagination、Carousal、Breadcrumb、Tab、Thumbnails、Headers 等等。

有了這些，你可以搭建一個 Web 項目，并讓它運行地更快速更輕松。

此外，由于整個框架是基于模塊的，您可以通過您自己的 CSS 位，甚至是項目開始后的一個大整改，來進行自定義。

上述太官方

Bootstrap是一個做網(wǎng)頁的框架（目前最流行的WEB前端框架之一），就是說你只需要寫HTML標(biāo)簽調(diào)用它的類你就可以很快速的做一個高大上的網(wǎng)頁，你不用擔(dān)心兼容問題，提供了很多樣式供你選擇！

比如你需要做一個網(wǎng)站的文本顯示對吧，你自己寫的話你需要寫很多代碼，但是如果你使用bootstrap框架來寫的話，只需要寫好HTML標(biāo)簽然后調(diào)用類名就可以了！代碼展示如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Bootstrap 實例 - 強調(diào)</title>
<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>
 
<small>本行內(nèi)容是在標(biāo)簽內(nèi)</small><br>
<strong>本行內(nèi)容是在標(biāo)簽內(nèi)</strong><br>
<em>本行內(nèi)容是在標(biāo)簽內(nèi)，并呈現(xiàn)為斜體</em><br>
<p class="text-left">向左對齊文本</p>
<p class="text-center">居中對齊文本</p>
<p class="text-right">向右對齊文本</p>
<p class="text-muted">本行內(nèi)容是減弱的</p>
<p class="text-primary">本行內(nèi)容帶有一個 primary class</p>
<p class="text-success">本行內(nèi)容帶有一個 success class</p>
<p class="text-info">本行內(nèi)容帶有一個 info class</p>
<p class="text-warning">本行內(nèi)容帶有一個 warning class</p>
<p class="text-danger">本行內(nèi)容帶有一個 danger class</p>
 
</body>
</html>

效果如下：

bootstrap主要是用來做什么的

作用：

用它提供的樣式和組件快速寫網(wǎng)站

你只需要引用一些定義好的類，也就是class名字，就可以創(chuàng)建出已經(jīng)有非常漂亮的樣式的網(wǎng)頁，而且支持自適應(yīng)，是一個很不錯的框架。

簡而言之：你只需要了解相關(guān)的class、標(biāo)簽名稱等所代表的意思，然后在構(gòu)建頁面的時候，導(dǎo)入bootstrap的JS、css等，它就會去表現(xiàn)相應(yīng)的效果出來。

感謝各位的閱讀！看完上述內(nèi)容，你們對bootstrap主要是用來做什么的大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手