溫馨提示×

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

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

怎么引入文件

發(fā)布時(shí)間：2021-05-10 16:15:13 來(lái)源：億速云 閱讀：155 作者：Leah 欄目：開(kāi)發(fā)技術(shù)

怎么引入文件？相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

Bootstrap是什么

Bootstrap是目前最受歡迎的前端框架，它是基于 HTML、CSS、JAVASCRIPT 的，它簡(jiǎn)潔靈活，使得 Web 開(kāi)發(fā)更加快捷，它還有一個(gè)響應(yīng)最好的Grid系統(tǒng)，并且能夠在手機(jī)端通用，而B(niǎo)ootstrap是使用許多可重用的CSS和JavaScript組件，可以幫助實(shí)現(xiàn)需要的幾乎任何類型的網(wǎng)站的功能，此外，所有這些組件都是響應(yīng)式的。

bootstrap文件怎么引入

Bootstrap的引入一般有兩種方法：

引用在線的Bootstrap的樣式，

將Bootstrap下載到本地進(jìn)行引用。

在線引用

基本模板如下：

<html><head>    <meta charset="UTF-8">    <title>Bootstrap引入</title>    <!-- 新 Bootstrap 核心 CSS 文件 -->      <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">      <!-- jQuery文件。務(wù)必在bootstrap.min.js 之前引入 -->      <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>      <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->      <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>  </head>

優(yōu)點(diǎn)：不用本地安裝Bootstrap，也不用考慮引用時(shí)的路徑問(wèn)題

缺點(diǎn)：一旦在線樣式掛了，那么會(huì)影響整個(gè)頁(yè)面樣式的呈現(xiàn)

本地引用

將Bootstrap下載到本地。

直接訪問(wèn)上述代碼中的3個(gè)網(wǎng)址來(lái)獲取代碼

去Bootstrap的官網(wǎng) http://v3.bootcss.com/ 和JQuery

的官網(wǎng) http://jquery.com/ 下載相應(yīng)的文件

將需要的文件放在項(xiàng)目下，便于引用

bootstrap的目錄結(jié)構(gòu)如下：

bootstrap/├── css/│   ├── bootstrap.css│   ├── bootstrap.css.map│   ├── bootstrap.min.css│   ├── bootstrap.min.css.map│   ├── bootstrap-theme.css│   ├── bootstrap-theme.css.map│   ├── bootstrap-theme.min.css│   └── bootstrap-theme.min.css.map├── js/│   ├── bootstrap.js│   └── bootstrap.min.js└── fonts/    ├── glyphicons-halflings-regular.eot    ├── glyphicons-halflings-regular.svg    ├── glyphicons-halflings-regular.ttf    ├── glyphicons-halflings-regular.woff    └── glyphicons-halflings-regular.woff2

最常用的是css/bootstrap.min.css、js/bootstrap.min.js

jquery.min.js可以在JQuery官網(wǎng)下載

最后，在相應(yīng)文件中引入即可。

優(yōu)點(diǎn)：確保網(wǎng)絡(luò)狀況不佳的情況下，頁(yè)面樣式依然可以正常顯示

缺點(diǎn)：需要提前安裝或下載，引用時(shí)要考慮路徑問(wèn)題。

看完上述內(nèi)容，你們掌握怎么引入文件的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問(wèn)一下細(xì)節(jié)

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

AI
助
手