第零人的博客_Bootstrap

深入理解BootStrap-- 下拉菜单8

1、下拉菜单（基本用法）小伙伴们注意，在Bootstrap框架中的下拉菜单组件是一个独

bootstrap

下拉菜单

css

原创 2022-12-14 16:10:54 234 阅读

深入理解BootStrap -- 按钮组工具栏9

1、按钮（按钮组）单个按钮在Web页面中的运用有时候并不能满足我们的业务需求，常常

bootstrap

下拉菜单

css

Code

原创 2022-12-14 16:09:03 226 阅读

深入理解BootStrap -- 导航（nav）10

1、导航（基础样式）导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一，可

bootstrap

css

Code

Source

原创 2022-12-14 16:07:02 602 阅读

深入理解BootStrap -- 导航页（navbar）11

1、导航条导航条（navbar）和上一节介绍的导航（nav），就相差一个字，多了一个“条”字

bootstrap

导航条

css

Code

原创 2022-12-14 15:57:17 1304 阅读

深入理解BootStrap -- 标签（label）与徽章（badge）12

1、标签在一些Web页面中常常会添加一个标签用来告诉用户一些额外的信息，比如说

bootstrap

css

Code

Source

原创 2022-12-14 15:54:12 1126 阅读

深入理解BootStrap -- 进度条（progressbar）14

1、进度条在网页中，进度条的效果并不少见，比如一个评分系统，比如加载状态等。就如下图所示的一

bootstrap

进度条

css

Code

原创 2022-12-14 15:53:18 881 阅读

深入理解BootStrap -- 简单入门2

从http://www.bootcss.com/中文网不难发现现在是针对两个版本进行文档说明，看

bootstrap

Bootstrap

css

原创 2022-12-14 15:39:56 106 阅读

深入理解BootStrap 缩略图（thumbnail）与警示窗（alert）13

1、缩略图缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有

bootstrap

css

Code

Source

原创 2022-12-14 15:31:10 397 阅读

深入理解BootStrap -- 媒体对象(media)15

在Web页面或者说移动页面制作中，常常看到这样的效果，左边居左（或居右），内

bootstrap

css

Code

Bootstrap

原创 2022-12-14 15:29:49 304 阅读

深入理解BootStrap -- 面板(panel)17

1、面板面板（Panels）是Bootstrap框架新增的一个组件，其主要作用就是用来处理一些其他组件无法完成

bootstrap

css

Code

Source

原创 2022-12-14 15:29:10 307 阅读

深入理解BootStrap-- 栅格系统（布局）7

1、栅格系统（布局）Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）

bootstrap

Bootstrap

css

栅格系统

原创 2022-12-14 15:27:09 716 阅读

深入理解BootStrap -- 按钮6

前言本文主要讲解的是按钮的样式。1.选项2.尺寸3.活动状态4.禁用状态5.可做按钮使用的Html标签6.总结选项使用上面列出的class可以快速

bootstrap

活动状态

跨浏览器

Small

原创 2022-12-14 15:26:16 78 阅读

深入理解BootStrap -- 表单5

前言本文主要讲解的是表单，这个其实对于做过网站的人来说，并不陌生，而且可以说是最为常用的提交数据的Form表单。本文主要来讲解一下内容：1.基本案例2.内联表单3.水平排列的表单4.被支持的控件5.静态控件6.控件状态7.控件尺寸8.帮助文本9.总结基本案例单独的表单控件会被自动赋予一些全局样式。所有

bootstrap

控件

表单

Email

原创 2022-12-14 15:26:03 477 阅读

深入理解BootStrap -- 表格4

前言本文主要讲解的是表格，这个其实对于做过网站的人来说，并不陌生，而且可以说是最为常用的各种列表的展示，

bootstrap

sed

鼠标悬停

响应式

原创 2022-12-14 15:25:27 95 阅读

深入理解BootStrap -- 学习从现在开始1

当下最流行的前端开发框架Bootstrap，可大大简化网站开发过程，从而深受广大开发者的喜欢。本文总结了Bootstr

bootstrap

web开发

Bootstrap

开发者

CSS

原创 2022-12-14 15:25:15 132 阅读

深入理解BootStrap -- 基础排版3

前言本次主要来了解的是排版，这个大部分在HTML的基本标签中也是存在的，所以相对比较简单，为了保证系列的完整

bootstrap

Bootstrap

ci

sed

原创 2022-12-14 15:22:17 124 阅读

深入理解BootStrap -- 列表组(list-group)16

1、列表组列表组是Bootstrap框架新增的一个组件，可以用来制作列表清单、垂直导航等效果，也可以配合其他的组件制作出更漂亮的组件。由于其在Bootstrap是一个独立的组件，所以也对应有自己独立源码：☑ LESS版本：对应的源码文件 list-group.less☑ Sass版本：对应的源码文件是 _list-group.scss☑ 编译出的Bootstrap版

bootstrap

css

Code

Source

原创 2022-12-14 15:19:28 932 阅读

深入理解BootStrap -- js插件概览(API)18

大部分的插

bootstrap

Bootstrap

API

原创 2022-12-14 15:17:07 225 阅读

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

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

51CTO博客

wx639974ec12197的博客

深入理解BootStrap-- 下拉菜单8

深入理解BootStrap -- 按钮组工具栏9

深入理解BootStrap -- 导航（nav）10

深入理解BootStrap -- 导航页（navbar）11

深入理解BootStrap -- 标签（label）与徽章（badge）12

深入理解BootStrap -- 进度条（progressbar）14

深入理解BootStrap -- 简单入门2

深入理解BootStrap 缩略图（thumbnail）与警示窗（alert）13

深入理解BootStrap -- 媒体对象(media)15

深入理解BootStrap -- 面板(panel)17

深入理解BootStrap-- 栅格系统（布局）7

深入理解BootStrap -- 按钮6

深入理解BootStrap -- 表单5

深入理解BootStrap -- 表格4

深入理解BootStrap -- 学习从现在开始1

深入理解BootStrap -- 基础排版3

深入理解BootStrap -- 列表组(list-group)16

深入理解BootStrap -- js插件概览(API)18