Bootstrap的下载和使用
生活随笔
收集整理的這篇文章主要介紹了
Bootstrap的下载和使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Bootstrap的第一篇，先講一下下載版本和引用方式吧
首先下載一定要找對網站！！！https://getbootstrap.com/，認準啦，別去中文網站下載，重要的事情看三遍！！！
現在主要使用的兩個版本，一個是v4.4，戳上面的鏈接，另一個是v3.3.7,戳這個鏈接?https://getbootstrap.com/docs/3.3/，先大概講一下兩個版本的區別，v4.4的響應式布局是基于CSS3中的彈性盒子flex，而v3.3.7則是基于CSS2中的流式布局flow: left。因此兩者在用法上還是有區別的，后續會詳細講解
接下來康康怎么引用吧，這里以v4.4為主，進入官網有如下按鈕
Download則下載后本地引入，有兩個類型Complied CSS and JS 和 Source files，個人建議下載前者就好了，源文件適合需要修改框架的使用者。Get started是引入超鏈接，如下一個css文件，兩個js文件，直接在官網復制鏈接就好，看起來挺香
<!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>?下一節說響應式布局原理
總結
以上是生活随笔為你收集整理的Bootstrap的下载和使用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 1分钟深入了解CSS3的动画属性anim
- 下一篇： 响应式原理