-
<ul class="nav nav-tabs"> <li class="active"><a href="#yuwen" data-toggle="tab">语文</a></li> <li><a href="#yingyu" data-toggle="tab">英语</a></li> <li><a href="#shuxue" data-toggle="tab">数学</a></li> <li><a href="#zhengzhi" data-toggle="tab">政治</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="yuwen">这是语文</div> <div class="tab-pane" id="yingyu">这是英语</div> <div class="tab-pane" id="shuxue">这是数学</div> <div class="tab-pane" id="zhengzhi">这是政治</div> </div>查看全部
-
提示框 tooltip 的默认触发事件是 hover 和 focus，而弹出框 popover 是 click 提示框 tooltip 只有一个内容(title)，而弹出框不仅可以设置标题（title）还可以设置内容(content)查看全部
-
其实这里加了导航有点混淆了，还不如单独拿出来讲好。 总的来说3步：1.给需要下拉li添加dropdown类名 2.给该li下的a元素添加data-toggle="dropdown" 3.在该li里新建一个ul来承载下拉列表的内容，并且class为dropdown-menu查看全部
-
默认情况之下，Bootstrap框架中以下组件使用了过渡动画效果： ☑ 模态弹出窗（Modal）的滑动和渐变效果； ☑ 选项卡（Tab）的渐变效果； ☑ 警告框（Alert）的渐变效果； ☑ 图片轮播（Carousel）的滑动效果。查看全部
-
大小模态框查看全部
-
第一步：使用滚动监控器，首要的条件是在页面中加载对应的插件。在这里你可以加载合并好的bootstrap.js或者其独立的插件文件scrollspy.js。 第二步：设计一个带有下拉菜单的导航条。分别为导航条和下拉菜单项定义一个锚点链接，锚点分别为“#blog”,“html”,“#css”,“#sass”,“#js”,“php”,“#about”。同时为导航条定义一个id值“navbar-menu”（id名称可自由定义），方便滚动监控。 第三步：设计监控对象。这里将监控对象内容都放置在一个div名为scrollspy（这个类名可自由定义）的容器中，其中放了多个子内容框。每个子内容框有一个标题，而且每个标题的ID值与导航菜单项中的锚点链接名相对应，并且注意加入“data-target="#navbar-menu"”属性（这个属性值要与前面的nav标签的id名称保持一致） 第四步：为监控对象定义样式，设置容器scrollspy大小（设置高度目的是为了产生垂直滚动条）。查看全部
-
选项卡查看全部
-
模态弹出框--模态弹出窗的使用（data-参数说明） 除了通过data-toggle和data-target来控制模态弹出窗之外，Bootstrap框架针对模态弹出框还提供了其他自定义data-属性，来控制模态弹出窗。比如说:是否有灰色背景modal-backdrop，是否可以按ESC键关闭模态弹出窗。查看全部
-
Bootstrap V3.2中提供了12种JavaScript插件，他们分别是： ☑ 动画过渡（Transitions）:对应的插件文件“transition.js” ☑ 模态弹窗（Modal）:对应的插件文件“modal.js” ☑ 下拉菜单（Dropdown）：对应的插件文件“dropdown.js” ☑ 滚动侦测（Scrollspy）：对应的插件文件“scrollspy.js” ☑ 选项卡（Tab）：对应的插件文件“tab.js” ☑ 提示框（Tooltips）：对应的插件文件“tooltop.js” ☑ 弹出框（Popover）：对应的插件文件“popover.js” ☑ 警告框（Alert）：对应的插件文件“alert.js” ☑ 按钮（Buttons）：对应的插件文件“button.js” ☑ 折叠/手风琴（Collapse）：对应的插件文件“collapse.js” ☑ 图片轮播Carousel：对应的插件文件“carousel.js” ☑ 自动定位浮标Affix：对应的插件文件“affix.js” 上述单独插件的下载可到github去下载（https://github.com/twbs/bootstrap）。查看全部
-
第一步：使用滚动监控器，首要的条件是在页面中加载对应的插件。在这里你可以加载合并好的bootstrap.js或者其独立的插件文件scrollspy.js。这里以加载合并好的js为例： <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 第二步：设计一个带有下拉菜单的导航条。分别为导航条和下拉菜单项定义一个锚点链接，锚点分别为“#blog”,“html”,“#css”,“#sass”,“#js”,“php”,“#about”。同时为导航条定义一个id值“navbar-menu”（id名称可自由定义），方便滚动监控。 第三步：设计监控对象。这里将监控对象内容都放置在一个div名为scrollspy（这个类名可自由定义）的容器中，其中放了多个子内容框。每个子内容框有一个标题，而且每个标题的ID值与导航菜单项中的锚点链接名相对应，并且注意加入“data-target="#navbar-menu"”属性（这个属性值要与前面的nav标签的id名称保持一致） <div class="scrollspy" data-target="#navbar-menu"> <h4 id="blog">Blog</h4> <p>…</p> <h4 id="html">Html</h4> <p>…</p> </div> 第四步：为监控对象定义样式，设置容器scrollspy大小（设置高度目的是为了产生垂直滚动条）。查看全部
-
要用的，服务范围查看全部
-
第9行的 show这个类，去掉后 这个模态框会隐藏掉查看全部
-
Affix: 固定定位<br> data-spy="affix"<br> 通过插件给某个元素（需要固定的元素）添加或删除affix类名，实现元素的浏览器窗口中固定（元素带有affix类名固定）和不固定（元素不带有affix类名）的效果。查看全部
-
使用JS触发图片轮播方法： $(".carousel").carousel({ interval: 3000, pause: hover, wrap: true }); 在初始化插件的时候可以传相关的参数，如： .carousel("cycle"): 从左向右循环播放； .carousel("pause"): 停止循环播放； .carousel("number"): 循环到指定的帧，下标从0开始，类似数组； .carousel("prev"): 返回到上一帧； .carousel("next"): 下一帧。查看全部
-
carousel实现图片轮播的六个属性： data-ride="carousel" data-slide data-slide-to data-interval (number): 轮换的等待时间(ms)，如果为false，轮播将不会自动开始循环。默认值5000，5秒。 data-pause (string): 默认hover，默认鼠标悬停在幻灯片区域即停止播放，离开即开始播放。 data-wrap (boolean)：默认true，轮播是否持续循环。查看全部
举报
0/150
提交
取消