BootStrap

Coder_R
57 阅读1分钟

bootstrap官网：getbootstrop.com/
(推荐)bootstrap中文官网：www.bootcss.com/ 推荐boootstrap3(稳定)
下载bootstrop:v3.bootcss.com/getting-sta…
下载jquery.js:jquery.com/ (bootstrap里面使用插件要引用jq)

image.png

bootstrap

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

定制————当项目要求和默认的bootstrap样式不一样时

image.png 可以在bootstrap网页中“ctrl+f”搜索相应的类名

image.png

然后点侧边栏最下面的下载（download）,
再点“编译并下载”
将新定制的bootstrap解压放在项目文件夹里面的lib文件夹下
修改“index.html”中link引用的bootstrap路径

image.png

除了“企业+内容少的网站”，其他都做不到响应式效果
“电商网站” 实现响应式一般做pc端和移动端

avatar
文章
阅读
粉丝