Bootstrap
关注
分享
扫一扫
chengqiuming
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Bootstrap模态弹出框--JavaScript触发时的参数设置（一）
一 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript触发时的参数设置（二）</title> <link rel="stylesheet" href="//原创 2019-02-04 18:32:37 · 1255 阅读 · 0 评论 -
Bootstrap的警示框
一 警示框 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>警示框</title> <l原创 2019-01-28 21:49:53 · 859 阅读 · 0 评论 -
Bootstrap列表组展示
一 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>列表组</title> <link rel原创 2019-02-02 22:02:21 · 4946 阅读 · 0 评论 -
Bootstrap的下拉菜单
一 基本用法 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>下拉菜单</title> <原创 2019-01-22 21:54:41 · 733 阅读 · 0 评论 -
Bootstrap的媒体对象
一 媒体对象展示 1 代码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>媒体对象</title> <link rel="stylesheet" href="//maxcdn.原创 2019-02-01 21:58:52 · 911 阅读 · 0 评论 -
Bootstrap的缩略图
一 缩略图1 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>缩略图</title> <原创 2019-01-27 21:09:53 · 1116 阅读 · 0 评论 -
Bootstrap的导航条三
一 分页导航——带页码的分页 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>分页导航</title>原创 2019-01-27 20:46:56 · 315 阅读 · 0 评论 -
Bootstrap的导航条二
一 导航条中的按钮、文本和链接 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>导航条中的按钮、文本和链接</title&a原创 2019-01-27 18:54:28 · 317 阅读 · 0 评论 -
Bootstrap的导航条
一 导航条基础 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>导航条</title> &l原创 2019-01-27 16:57:21 · 278 阅读 · 0 评论 -
Bootstrap的进度条下
一 动态条纹彩色进度条 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>进度条--动态条纹进度条</title>原创 2019-01-31 21:57:52 · 520 阅读 · 0 评论 -
Bootstrap列表组上
一 基础列表组 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>列表组--基础列表组</title>原创 2019-02-03 21:38:04 · 364 阅读 · 0 评论 -
Bootstrap列表组下
一 自定义列表组 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>列表组--自定义列表组</title>原创 2019-02-03 21:54:07 · 253 阅读 · 0 评论 -
Bootstrap的模态弹出框--模态弹出窗的使用（JavaScript触发）
一 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>模态弹出窗的使用（三）</title> <link rel="stylesheet" href="//maxcdn.boo原创 2019-02-04 18:15:44 · 2656 阅读 · 1 评论 -
Bootstrap为弹出框的使用（data-参数说明）
一 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>模态弹出窗的使用</title> <link rel=&q原创 2019-02-04 18:07:30 · 2910 阅读 · 2 评论 -
Bootstrap触发模态弹出窗的2种方法
一 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>模态弹出窗的使用</title> <link rel=&q原创 2019-02-04 17:47:40 · 1388 阅读 · 0 评论 -
Bootstrap的大小模态弹出框
一 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>模态弹出框--实现原理解析（二）</title> &am原创 2019-02-04 17:29:26 · 1749 阅读 · 0 评论 -
Bootstrap的动画过渡
一 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>导入JavaScript插件</title> <link rel="stylesheet" href="//maxcdn.原创 2019-02-04 15:50:43 · 2113 阅读 · 0 评论 -
Bootstrap导入JavaScript插件
一 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>导入JavaScript插件</title> <link rel="stylesheet" href="//maxcdn.原创 2019-02-04 15:37:59 · 580 阅读 · 0 评论 -
Bootstrap的面板下
一 面板中嵌套表格 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>面板--面板中嵌套表格、列表组（一）</title&am原创 2019-02-04 15:26:22 · 373 阅读 · 0 评论 -
Bootstrap的面板上
一 基础面板 1 代码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>面板--基础面板</title> <link rel="stylesheet" href="//maxcd原创 2019-02-04 12:42:25 · 406 阅读 · 0 评论 -
Bootstrap的面板展示
一 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>面板</title> <link rel=原创 2019-02-04 12:07:28 · 1107 阅读 · 0 评论 -
Bootstrap的进度条上
一 各种进度条展示 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>进度条--基本样式</title>原创 2019-01-31 21:41:36 · 438 阅读 · 0 评论 -
Bootstrap导航二
一 垂直堆叠导航 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>垂直堆叠的导航</title> &a原创 2019-01-26 22:39:59 · 298 阅读 · 0 评论 -
BootStrap表格下
一 带边框的表格 1 代码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>带边框的表格</title> <link rel="stylesheet" href="//netdn原创 2019-01-20 10:52:41 · 290 阅读 · 0 评论 -
BootStrap表格上
一 表格基础 1 代码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>基础表格</title> <link rel="stylesheet" href="//netdna.bo原创 2019-01-20 10:27:14 · 238 阅读 · 0 评论 -
Bootstrap代码风格
一 代码风格1 1 代码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>代码</title> <link rel="stylesheet" href="//netdna.boo原创 2019-01-20 10:03:19 · 478 阅读 · 0 评论 -
Bootstrap的按钮下拉菜单
一 按钮下拉菜单 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>组合式下拉菜单</title> &a原创 2019-01-24 22:11:52 · 409 阅读 · 0 评论 -
BootStrap文本对齐风格以及列表
一 文本风格 1 代码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>文本对齐风格</title> <link rel="stylesheet" href="https://c原创 2019-01-20 09:36:14 · 1012 阅读 · 0 评论 -
BootStrap中的粗体斜体以及强调
一 粗体 1 代码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>粗体</title> <link rel="stylesheet" href="https://cdn.bootcss.com/boo原创 2019-01-20 08:51:46 · 17136 阅读 · 0 评论 -
BootStrap中的标题和段落
一 标题（一） 1 代码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>标题（一）</title> <link rel="stylesheet" href="https://cdn.bootcss.c原创 2019-01-20 08:34:00 · 810 阅读 · 0 评论 -
开始使用Bootstrap
一 官网 https://getbootstrap.com/ 二 Bootstrap基本的HTML模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compat原创 2019-01-19 21:56:28 · 353 阅读 · 0 评论 -
Bootstrap简介
一Bootstrap特点 1优雅 2 灵活 3可扩展 4是前端工具集 二 什么是Bootstrap 简单、灵活的用于搭建WEB页面的HTML，CSS，JavaScript的工具集。它是基于HTML 5和CSS 3，它是简洁强大的前端开发框架。让Web开发更迅速，更简单。 三案例 https://bedrijfsrooster.nl/ http://www.ghostc...原创 2019-01-19 21:10:13 · 1798 阅读 · 0 评论 -
Bootstrap表单
一 基础表单 1 代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基础表单</title> <link rel="stylesheet" hr原创 2019-01-20 11:24:01 · 415 阅读 · 0 评论 -
Bootstrap的的输入框下拉选择框和文本域
一 输入框 1 代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单控件——输入框input</title> <link rel="stylesheet原创 2019-01-20 15:48:36 · 6997 阅读 · 0 评论 -
Bootstrap的导航
一 导航——基础样式 1 代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>导航(基础样式)</title>原创 2019-01-25 21:41:30 · 328 阅读 · 0 评论 -
Bootstrap网格系统
一 实现原理 1 代码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>实现原理</title> <link rel="stylesheet" href="https://cdn原创 2019-01-21 21:29:37 · 256 阅读 · 1 评论 -
Bootstrap的图像和图标
一 图像 1 代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图像</title> <link rel="stylesheet" href=&原创 2019-01-21 21:29:23 · 1393 阅读 · 0 评论 -
Bootstrap的按钮下
一 活动状态 1 代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定制风格</title> <link rel="stylesheet" hr原创 2019-01-21 21:29:05 · 296 阅读 · 0 评论 -
Bootstrap的按钮中
一 定制风格 1 代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定制风格</title> <link rel="stylesheet" hre原创 2019-01-21 21:28:54 · 232 阅读 · 0 评论 -
Bootstrap的按钮
一 按钮 1 代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定制风格</title> <link rel="stylesheet" href原创 2019-01-21 21:28:37 · 274 阅读 · 0 评论