Bootstrap的下载和使用
生活随笔
收集整理的這篇文章主要介紹了
Bootstrap的下载和使用
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
Bootstrap的第一篇，先講一下下載版本和引用方式吧
首先下載一定要找對(duì)網(wǎng)站！！！https://getbootstrap.com/，認(rèn)準(zhǔn)啦，別去中文網(wǎng)站下載，重要的事情看三遍！！！
現(xiàn)在主要使用的兩個(gè)版本，一個(gè)是v4.4，戳上面的鏈接，另一個(gè)是v3.3.7,戳這個(gè)鏈接?https://getbootstrap.com/docs/3.3/，先大概講一下兩個(gè)版本的區(qū)別，v4.4的響應(yīng)式布局是基于CSS3中的彈性盒子flex，而v3.3.7則是基于CSS2中的流式布局flow: left。因此兩者在用法上還是有區(qū)別的，后續(xù)會(huì)詳細(xì)講解
接下來康康怎么引用吧，這里以v4.4為主，進(jìn)入官網(wǎng)有如下按鈕
Download則下載后本地引入，有兩個(gè)類型Complied CSS and JS 和 Source files，個(gè)人建議下載前者就好了，源文件適合需要修改框架的使用者。Get started是引入超鏈接，如下一個(gè)css文件，兩個(gè)js文件，直接在官網(wǎng)復(fù)制鏈接就好，看起來挺香
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> </head> <body></body> <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> </html>?下一節(jié)說響應(yīng)式布局原理
總結(jié)
以上是生活随笔為你收集整理的Bootstrap的下载和使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 1分钟深入了解CSS3的动画属性anim
- 下一篇： 深入理解事件循环机制