摘要: 效果先看 知识点 class为badge即可,通常放在span标签里。 完整代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/bootstr 阅读全文
posted @ 2020-02-09 16:00 Scorpicat 阅读(475) 评论(0) 推荐(0) 编辑
摘要: 效果先看 知识点 bootstrap下拉框由div>button ul>li>a 构成 div的类为:dropdown a标签必须写 button的类为: dropdown-toggle 必带属性:data-toggle="dropdown" ul的类为:dropdown-menu 获取事件触发的对 阅读全文
posted @ 2020-02-09 15:55 Scorpicat 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 模拟网站 https://redash.io/ 效果先看 完整代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>栅格练习-网站仿写</title> <link rel="stylesheet" type="text/css" 阅读全文
posted @ 2020-02-09 14:58 Scorpicat 阅读(361) 评论(0) 推荐(0) 编辑
摘要: 栅格系统 描述: 栅格系统(grid System)是bootstrap创建的一个用于页面构建的html布局系统 该系统通过提供的类名来将容器等分12个结构(可理解为每行12列) 通过对容器的宽度指定(如3+3+3+3)来进行页面的快速构建 说明: (1)响应式布局(一套代码,能在不同的页面中有不同 阅读全文
posted @ 2020-02-09 09:49 Scorpicat 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 概述 bootstrap基于html css JavaScript 开发的简洁、直观、强悍的前端开发框架。它提供了优雅的HTML和CSS规范,它是由动态CSS语言Less写的。bootstrap一直是GitHub上的热门开源项目。 下载 官网下载 导入项目 我们将bootstrap下载下来后,解压得 阅读全文
posted @ 2020-02-09 09:38 Scorpicat 阅读(141) 评论(0) 推荐(0) 编辑