訾博ZiBo的博客_Bootstrap

【Bootstrap】012-组件：按钮组、按钮式下拉菜单、输入框组

一、菜单组1、概述通过按钮组容器把一组按钮放在同一行里。通过与按钮插件联合使用，可以设置为单选框或多选框的样式和行为

bootstrap

html

css

原创 2023-02-24 11:25:07 1107 阅读

【Bootstrap】017-组件：面板、嵌入内容、Well

目录一、面板1、基本实例代码演示：运行结果：2、带标题的面版代码演示：运行结果：3、带脚注的面版代码演示：运行结果：4、情境效果代码演示：运行结果：5、带表格的面版代码演示：运行结果：6、带列表组的面版代码演示：运行结果：二、具有响应式特性的嵌入内容代码演示：运行结果：三、Well1、默认效果代码演示：运行结果

bootstrap

html

css

原创 2023-02-23 09:39:44 31 阅读

【Bootstrap】016-组件：媒体对象、列表组

一、媒体对象

bootstrap

ci

xml

3c

原创 2023-02-23 09:39:35 275 阅读

【Bootstrap】015-组件：缩略图、警告框、进度条

目录一、缩略图1、概述2、默认样式的实例代码演示：运行结果：3、自定义内容代码演示：运行结果：二、警告框1、实例

bootstrap

html

css

原创 2023-02-23 09:39:27 244 阅读

【Bootstrap】014-组件：分页、标签、徽章、巨幕、页头

目录一、分页1、概述2、默认分页代码演示：运行结果：备注：3、禁用和激活状态代码演示：运行结果：4、尺寸代码演幕

bootstrap

html

css

原创 2023-02-23 09:39:19 557 阅读

【Bootstrap】013-组件：导航、导航条、路径导航

bootstrap

html

css

原创 2023-02-23 09:39:14 1061 阅读

【Bootstrap】011-组件：Glyphicons 字体图标、下拉菜单

一、Glyphicons 字体图标1、所有可用的图标见https://v3.bootcss.com/components/#glyphicons2、如何使用出于性能的考虑，所有图标都需要一个基类和对应每

bootstrap

html

css

原创 2023-02-23 09:38:53 111 阅读

【Bootstrap】007-全局样式：按钮

一、可作为按钮使用的标签或元素1、说明为 <a>、<button> 或 <input> 元素添加按钮类（button class）即可使用 Bootstrap 提供的样式；2、演示代码演示：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content.

bootstrap

css

button

html

原创 2023-02-23 09:38:41 98 阅读

【Bootstrap】006-全局样式：表单

一、基本实例1、说明单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好的排列；2、演示代码演示：<!DOCTYPE html><html> <head> <met

bootstrap

html

控件

css

原创 2023-02-23 09:38:35 137 阅读

【Bootstrap】004-全局样式：代码

一、内联代码1、说明通过 <code> 标签包裹内联样式的代码片段；2、演示代码演示：<!DOCTYPE html><html> <head>

bootstrap

css

html

原创 2023-02-23 09:38:25 119 阅读

【Bootstrap】005-全局样式：表格

一、基本实例1、说明为任意 <table> 标签添加 .table 类可以为其赋予基本的样式 — 少量的内补（padding）和水平方向的分隔线。这种方式看起来很多余！？但是我们觉得，表格元素使用的很广泛，如果我们为其赋予默认样式可能会影响例如日历和日期选择之类的插件，所以我们选择将此样式独立出来；2、演示代码演示：<!DOCTYPE html><ht

bootstrap

html

css

原创 2023-02-23 09:38:22 117 阅读

【Bootstrap】003-全局样式：排版

一、标题说明：HTML 中的所有标题标签，<h1> 到 <h6> 均可使用。另外，还提供了 .h1 到 .h6

bootstrap

html

css

原创 2023-02-23 09:38:15 182 阅读

【Bootstrap】002-全局CSS样式-概览和栅格系统

一、概览1、HTML5 文档类型Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型；参照下面的格式进行设置：

列表

css

html

bootstrap

原创 2023-02-23 09:38:06 102 阅读

【Bootstrap】001-Bootstrap入门

一、介绍1、简介（百科）Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前

bootstrap

css

Bootstrap

原创 2023-02-23 09:37:53 151 阅读

【Bootstrap】008-全局样式：图片

一、响应式图片1、说明在 Bootstrap 版本 3 中，通过为图片添加 .img-responsive 类可以让图

bootstrap

html

css

原创 2023-02-22 17:22:40 155 阅读

【Bootstrap】009-全局样式：辅助类

一、情境文本颜色1、说明通过颜色来展示意图，Bootstrap 提供了一组工具

bootstrap

css

html

原创 2023-02-22 17:22:35 155 阅读

【Bootstrap】010-全局样式：响应式工具

一、说明为了加快对移动设备友好的页面开发工作，利用媒体查询功能并使用这

bootstrap

工具类

测试用例

响应式

原创 2023-02-22 17:22:25 160 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

13262819

【Bootstrap】012-组件：按钮组、按钮式下拉菜单、输入框组

【Bootstrap】017-组件：面板、嵌入内容、Well

【Bootstrap】016-组件：媒体对象、列表组

【Bootstrap】015-组件：缩略图、警告框、进度条

【Bootstrap】014-组件：分页、标签、徽章、巨幕、页头

【Bootstrap】013-组件：导航、导航条、路径导航

【Bootstrap】011-组件：Glyphicons 字体图标、下拉菜单

【Bootstrap】007-全局样式：按钮

【Bootstrap】006-全局样式：表单

【Bootstrap】004-全局样式：代码

【Bootstrap】005-全局样式：表格

【Bootstrap】003-全局样式：排版

【Bootstrap】002-全局CSS样式-概览和栅格系统

【Bootstrap】001-Bootstrap入门

【Bootstrap】008-全局样式：图片

【Bootstrap】009-全局样式：辅助类

【Bootstrap】010-全局样式：响应式工具