移动web第七天,bootstrap

一、媒体查询补充

1,视口变小到一定宽度时,盒子背景色变化、或直接隐藏盒子、或引入某个文件(link)

改变背景色:


image.png

隐藏盒子:


image.png

引入文件():


image.png

二、bootstrap框架

使用方法类似iconfont字体图标库
bootstrap框架3.0中文网站:bhttps://v3.bootcss.com/

举例:现在要做一个如下的轮播图:

image.png

步骤:

1,下载第三方资源并解压到项目对应目录

image.png

image.png

image.png

2、引入第三方资源

image.png
image.png

3、找到bootstrap框架3.0提供的轮播图代码

image.png
image.png
image.png

4、复制轮播图代码到自己的html,按照需求增加或删减代码

image.png

定制化

步骤:

点击定制页面,搜索需要修改的参数(CTRL+F),修改好后点击页面最下方“编译并下载”即可

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容