一、导航元素 1.表格导航或标签 以一个带有 class .nav 的无序列表开始。 添加 class .nav-tabs。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content
一、Bootstrap简介 BootStrap是由Twitter推出的前端框架，2011 年八月在 GitHub 上发布，BootStrap是基于Html,Css,Javascript的，可用于快速开发web，是现在主流的前端框架。 Bootstrap的优点有: 1. 移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。 2.浏览器支持
一、下拉菜单 1.基本下拉菜单 如需使用下列菜单，只需要在class .dropdown 内加上下拉菜单即可。下面的实例演示了基本的下拉菜单： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" c
一、多媒体对象 这些抽象的对象样式用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。 .media：该 class 允许将媒体对象里的多媒体（图像、视频、音频）浮动到内容区块的左边或者右边。 .media-list：如果你需要一个列表，各项内容是无序列表的一部分，可以使用该 class。可用于评
一、分页 分页（Pagination），是一种无序列表，Bootstrap 像处理其他界面元素一样处理分页。 .pagination --添加该 class 来在页面上显示分页。 .disabled --定义不可点击的链接 .active --指示当前页面 .pagination-lg, .pagination-sm --标签大小 .page
一、模态框 模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 如果只使用该功能，只引入BootStrap中的 modal.js即可 1.用法： 您可以切换模态框（Modal）插件的隐藏内容： 通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle="modal"
一、轮播图 Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。 如果您想要单独引用该插件的功能，那么您需要引用BootStrap中的 carousel.js。 示例: 1.使用 Bootstrap 轮播（Carousel）插件显示了一个循环播放元素的通用组件。为了实现
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
