上一页 1 2 3 4 5 6 7 ··· 19 下一页
2021年9月28日
Bootstrap-v3-组件-徽章
摘要： 徽章 给链接、导航等元素嵌套 <span class="badge"> 元素，可以很醒目的展示新的或未读的信息条目。 1、实例 在链接/按钮上显示徽章。 <!-- 徽章 --> <!-- 链接中展示徽章 --> <a href="#">未读消息 <span class="badge">20</spa 阅读全文
posted @ 2021-09-28 12:00 AnnLing 阅读(52) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-标签
摘要： 标签 1、实例 实用类label和标签外观的类（例如：label-default）来设置标签显示。 <!-- 标签 --> <h3>Example heading <span class="label label-default">New</span></h3> <h6>最新的新闻做菜的方法全在这里 阅读全文
posted @ 2021-09-28 11:52 AnnLing 阅读(75) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-分页
摘要： 分页 1、默认分页 受 Rdio 的启发，我们提供了这个简单的分页组件，用在应用或搜索结果中超级棒。组件中的每个部分都很大，优点是容易点击、易缩放、点击区域大。 <!-- 默认分页 --> <nav aria-label="Page navigation"> <ul class="paginatio 阅读全文
posted @ 2021-09-28 11:44 AnnLing 阅读(370) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-路径导航
摘要： 路径导航 1、面包屑 <!-- 面包屑 --> <ol class="breadcrumb"> <li class="active">Home</li> </ol> <!-- 面包屑 --> <ol class="breadcrumb"> <li><a href="#">Home</a></li> 阅读全文
posted @ 2021-09-28 11:25 AnnLing 阅读(45) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-导航条
摘要： 导航条 1、导航条的整体样式 1.1 导航条固定在顶部 添加 .navbar-fixed-top 类可以让导航条固定在顶部，还可包含一个 .container 或 .container-fluid 容器，从而让导航条居中，并在两侧添加内补（padding）。 <nav class="navbar n 阅读全文
posted @ 2021-09-28 10:50 AnnLing 阅读(326) 评论(0) 推荐(0) 编辑
2021年9月27日
Bootstrap-v3-组件-导航
摘要： 导航 Bootstrap 中的导航组件都依赖同一个 .nav 类，状态类也是共用的。改变修饰类可以改变样式。 1、标签页 注意 .nav-tabs 类依赖 .nav 基类。 <!-- 导航（标签页） --> <ul class="nav nav-tabs"> <li class="active">< 阅读全文
posted @ 2021-09-27 17:24 AnnLing 阅读(190) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-输入框组
摘要： 输入框组 1、基本实例 在输入框的任意一侧添加额外元素或按钮。你还可以在输入框的两侧同时添加额外元素。 为 .input-group 添加相应的尺寸类，其内部包含的元素将自动调整自身的尺寸。不需要为输入框组中的每个元素重复地添加控制尺寸的类。 <!-- 输入框组 （基本用法）--> <div cla 阅读全文
posted @ 2021-09-27 16:39 AnnLing 阅读(167) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-按钮式下拉菜单
摘要： 按钮式下拉菜单 把任意一个按钮放入 .btn-group 中，然后加入适当的菜单标签，就可以让按钮作为菜单的触发器了。 1、单按钮下拉菜单 只要改变一些基本的标记，就能把按钮变成下拉菜单的开关。 <!-- 按钮式下拉菜单 --> <div class="btn-group"> <button cla 阅读全文
posted @ 2021-09-27 15:51 AnnLing 阅读(131) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-按钮组
摘要： 按钮组 1、基本实例 把多个按钮放在一个容器中，添加类.btn-group即可。 <!-- 按钮组 --> <div class="btn-group" role="group"> <button class="btn btn-default">按钮1</button> <button class= 阅读全文
posted @ 2021-09-27 15:26 AnnLing 阅读(112) 评论(0) 推荐(0) 编辑
Bootstrap-v3-组件-下拉菜单
摘要： 下拉菜单 用于显示链接列表的可切换、有上下文的菜单。下拉菜单的 JavaScript 插件让它具有了交互性。 1、实例 通过为下拉菜单的父元素设置 .dropdown类，可以让菜单向下弹出。通过为下拉菜单的父元素设置 .dropup 类，可以让菜单向上弹出（默认是向下弹出的）。 <!-- 下拉菜单( 阅读全文
posted @ 2021-09-27 14:13 AnnLing 阅读(220) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 ··· 19 下一页