Bootstrap实例（四）
目录：
（1）bootstrtap实例（轮廓）
（2）bootstrap三列布局
（3）bootstrap（标签页）
（4）bootstrap（end）
（1）bootstrtap实例（轮廓）
点击JavaScra组件
选择Carousel
先给导航条固定在顶部：
复制代码：
复制到上面的代码页面中：
这是下方的小圆点：
图片：
修改img的样式、附加轮廓div：的样式
轮播属性：
在div中加属性：data-interval="1000" 修改轮播速度
当鼠标移上不停止：默认是鼠标移动上去会停止
data-wrap="true"：当轮播玩重新开始
还可以在使用js写代码实现：
（2）bootstrap三列布局
先写一个容器写3列
点击组件中的缩略图：
复制代码修改：
设置样式不是响应式的：
样式：
（3）bootstrap（标签页）
在javascriot插件里面选择标签页：
复制代码：
修改标签内容：data- 都是跟js相关的
在标签下添加流体容器 ：
添加：七五分
五七分：
标签的aria-controls 跟内容的a标签的href是相对应的
五七分：
七五分：
（4）bootstrap（end）
点击关于出现模态框
下拉点击对应的跳转下面对应的标签页：
点击JavaScript组件
点击模态框：
复制代码：
加一个id：
给关于按钮加一个属性：data-target属性、data-toggle属性：
给a标签加一个id、a标签和下面对应：
下面加一个id
给标签页加一个id：
a标签的点击事件：
全部代码：
1208
IE 你懂的
Internet Explorer，原称Microsoft Internet Explorer(6版本以前)和Windows Internet Explorer(7，8，9，10版本)， 简称IE，是美国微软公司推出的一款网页浏览器。它采用的排版引擎(俗称内核)为Trident。![]()
![]()
IE 你懂的
Internet Explorer，原称Microsoft Internet Explorer(6版本以前)和Windows Internet Explorer(7，8，9，10版本)， 简称IE，是美国微软公司推出的一款网页浏览器。它采用的排版引擎(俗称内核)为Trident。IE 你懂的
Internet Explorer，原称Microsoft Internet Explorer(6版本以前)和Windows Internet Explorer(7，8，9，10版本)， 简称IE，是美国微软公司推出的一款网页浏览器。它采用的排版引擎(俗称内核)为Trident。![]()
![]()
IE 你懂的
Internet Explorer，原称Microsoft Internet Explorer(6版本以前)和Windows Internet Explorer(7，8，9，10版本)， 简称IE，是美国微软公司推出的一款网页浏览器。它采用的排版引擎(俗称内核)为Trident。IE 你懂的
Internet Explorer，原称Microsoft Internet Explorer(6版本以前)和Windows Internet Explorer(7，8，9，10版本)， 简称IE，是美国微软公司推出的一款网页浏览器。它采用的排版引擎(俗称内核)为Trident。![]()
©尚硅谷模态框
我是一个模态框
上一篇：夸奖女人的成语
下一篇：修辞手法精美语句摘抄