会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
专注改变人生。
博客园
首页
新随笔
联系
管理
订阅
上一页
1
2
3
4
5
6
7
8
···
37
下一页
2018年6月15日
(十一)列表组面板和嵌入组件
摘要: 一.列表组组件 1、基本实例 2、表项带勋章 3、链接和首选 4、按钮式列表 5、设置项目被禁用 6、情景类 7、定制内容 二.面板组件 1、基本实例 2、带标题容器的面板 3、设置标题元素 4、带注脚的面板 5、情景效果:default、success、info、warning、danger、pr
阅读全文
posted @ 2018-06-15 12:20 shyroke、
阅读(329)
评论(0)
推荐(0)
2018年6月14日
(十)进度条媒体对象和 Well 组件
摘要: 一.Well 组件 有 lg 和 sm 两种可选值 二.进度条组件 三.媒体对象组件 媒体对象可以包含图片、视频或音频等媒体,以达到对象和文本组合显示的样式效果。 1、基本实例 2、媒体对象在右边 3、模仿帖子回复功能
阅读全文
posted @ 2018-06-14 22:15 shyroke、
阅读(187)
评论(0)
推荐(0)
(九) 巨幕页头缩略图和警告框组件
摘要: 一.巨幕组件 巨幕组件主要是展示网站的关键性区域。 1、100%全屏,没有圆角 二.页头组件 三.缩略图组件 1、缩略图配合响应式 中/大屏幕效果如下图: 小屏效果如下图 超小屏效果如下图 2、图片自定义内容 四.警告框组件 1、基本实例 2、带关闭的警告框 data-dismiss="alert"
阅读全文
posted @ 2018-06-14 21:07 shyroke、
阅读(153)
评论(0)
推荐(0)
(八)路径(面包屑导航)分页标签和徽章组件
摘要: 一.路径组件 路径组件也叫做面包屑导航。 二.分页组件 1、基本实例 分页组件可以提供带有展示页面的功能。 2、首选项和禁用 3、设置尺寸,四种 lg、默认、sm 和 xs 4、翻页效果 5、对齐翻页链接 6、翻页项禁用 三.标签 1、 在文本后面带上标签 2、不同色调的标签 四.徽章 1、未读信息
阅读全文
posted @ 2018-06-14 20:36 shyroke、
阅读(260)
评论(0)
推荐(0)
(七)输入框和导航组件
摘要: 一.输入框组件 1、基本实例 2、设置尺寸,另外三种分别是默认、xs、sm 3、左侧使用复选框和单选框 4、左侧使用按钮 5、左侧使用下拉菜单或分列式 二.导航组件 1、基本实例 2、胶囊式导航 3、垂直胶囊式导航 4、导航两端对齐 5、带下拉菜单的导航 三.导航条组件 1、基本实例 2、导航条中使
阅读全文
posted @ 2018-06-14 19:52 shyroke、
阅读(186)
评论(0)
推荐(0)
(六)图标菜单与按钮组件
摘要: 一.小图标组件 Bootstrap 提供了免费的 263 个小图标,具体可以参考中文官网的组件 链接:http://v3.bootcss.com/components/#glyphicons。部分图标如下: 1、使用标签 可以使用<i>或<span>标签来配合使用,具体如下: 2、结合按钮 二.下拉
阅读全文
posted @ 2018-06-14 17:29 shyroke、
阅读(165)
评论(0)
推荐(0)
(五) 辅组类和响应式工具
摘要: 一.辅助类 Bootstrap 在布局方面提供了一些细小的辅组样式,用于文字颜色以及背景色的设置、 显示关闭图标等等。 1.情景文本颜色 2.情景背景色 3.关闭按钮 4.三角符号 5.快速浮动 这个浮动其实就是 float,只不过使用了!important 加强了优先级。 6.块级居中 注:就是
阅读全文
posted @ 2018-06-14 15:41 shyroke、
阅读(137)
评论(0)
推荐(0)
(四)栅格系统
摘要: 一、移动设备优先 在 HTML5 中有一份非常重要的 meta,用于设置屏 幕和设备等宽以及是否运行用户缩放,及缩放比例的问题。 //分别为:屏幕宽度和设备一致、初始缩放比例、最大缩放比例和禁止用户缩放 <meta name="viewport" content="width=device-widt
阅读全文
posted @ 2018-06-14 14:43 shyroke、
阅读(611)
评论(0)
推荐(0)
2018年6月13日
(三)表单和图片
摘要: 一、表单 1. 基本实例 单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中
阅读全文
posted @ 2018-06-13 23:41 shyroke、
阅读(415)
评论(0)
推荐(0)
(二)表格和按钮
摘要: 一.表格 Bootstrap 提供了一些丰富的表格样式供开发者使用。 1.基本格式 //实现基本的表格样式 注:我们可以通过 Firebug 查看相应的 CSS 2.条纹状表格 //让<tbody>里的行产生一行隔一行加单色背景效果 注:表格效果需要基于基本格式.table 3.带边框的表格 //给
阅读全文
posted @ 2018-06-13 21:41 shyroke、
阅读(214)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
···
37
下一页
公告
作者:shyroke 博客地址:http://www.cnblogs.com/shyroke/ 转载注明来源~