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 · 1225 阅读 · 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 · 803 阅读 · 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 · 4879 阅读 · 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 · 635 阅读 · 0 评论 -
Bootstrap的媒体对象
一 媒体对象展示1 代码<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>媒体对象</title> <link rel="stylesheet" href="//maxcdn.原创 2019-02-01 21:58:52 · 876 阅读 · 0 评论 -
Bootstrap的缩略图
一 缩略图11 代码<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>缩略图</title> <原创 2019-01-27 21:09:53 · 1071 阅读 · 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 · 281 阅读 · 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 · 251 阅读 · 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 · 237 阅读 · 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 · 475 阅读 · 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 · 320 阅读 · 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 · 222 阅读 · 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 · 2615 阅读 · 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 · 2862 阅读 · 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 · 1328 阅读 · 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 · 1679 阅读 · 0 评论 -
Bootstrap的动画过渡
一 代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>导入JavaScript插件</title> <link rel="stylesheet" href="//maxcdn.原创 2019-02-04 15:50:43 · 2078 阅读 · 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 · 535 阅读 · 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 · 346 阅读 · 0 评论 -
Bootstrap的面板上
一 基础面板1 代码<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>面板--基础面板</title> <link rel="stylesheet" href="//maxcd原创 2019-02-04 12:42:25 · 367 阅读 · 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 · 1014 阅读 · 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 · 403 阅读 · 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 · 256 阅读 · 0 评论 -
BootStrap表格下
一 带边框的表格1 代码<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>带边框的表格</title> <link rel="stylesheet" href="//netdn原创 2019-01-20 10:52:41 · 257 阅读 · 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 · 203 阅读 · 0 评论 -
Bootstrap代码风格
一 代码风格11 代码<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>代码</title> <link rel="stylesheet" href="//netdna.boo原创 2019-01-20 10:03:19 · 437 阅读 · 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 · 362 阅读 · 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 · 964 阅读 · 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 · 16857 阅读 · 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 · 768 阅读 · 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 · 312 阅读 · 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 · 1707 阅读 · 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 · 380 阅读 · 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 · 6909 阅读 · 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 · 290 阅读 · 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 · 214 阅读 · 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 · 1331 阅读 · 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 · 264 阅读 · 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 · 204 阅读 · 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 · 250 阅读 · 0 评论