![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
文章平均质量分 57
AsaZyf
这个作者很懒,什么都没留下…
展开
-
bootstrap1.1
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> //导包原创 2018-04-23 14:10:30 · 190 阅读 · 0 评论 -
bootstrap阶段测验【问题】
原创 2018-04-26 09:17:14 · 540 阅读 · 0 评论 -
bootstrap阶段测验【答案】
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> &am原创 2018-04-26 09:18:06 · 1960 阅读 · 0 评论 -
bootstrap 图片切换
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> &am原创 2018-05-07 15:56:42 · 1318 阅读 · 0 评论 -
bootstrap 警告框单个删除
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> &原创 2018-05-07 15:58:04 · 414 阅读 · 0 评论 -
bootstrap 警告框多个删除
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> &原创 2018-05-07 15:59:16 · 218 阅读 · 0 评论 -
bootstrap手风琴折叠
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> &am原创 2018-05-08 10:32:10 · 205 阅读 · 0 评论 -
bootstrap按钮--下拉菜单
提示:记得导入bootstrap的css、js包和jquery包---->>>地址CODE<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title&am原创 2018-12-21 15:28:41 · 198 阅读 · 0 评论 -
bootstrap输入框
提示:记得导入bootstrap的css、js包和jquery包---->>>地址CODE<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title&am原创 2018-12-21 15:32:53 · 1732 阅读 · 0 评论 -
bootstrap导航
提示:记得导入bootstrap的css、js包和jquery包---->>>地址CODE<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title&am原创 2018-12-21 15:35:50 · 209 阅读 · 0 评论 -
bootstrap分页、标签、徽章
提示:记得导入bootstrap的css、js包和jquery包---->>>地址CODE<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title&am原创 2018-12-21 15:57:32 · 214 阅读 · 0 评论 -
bootstrap警告框、进度条、列表组、面板
提示:记得导入bootstrap的css、js包和jquery包---->>>地址CODE<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title&am原创 2018-12-21 16:00:46 · 318 阅读 · 0 评论 -
bootstrap栅格布局案例
html:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chro原创 2018-12-18 11:50:53 · 4139 阅读 · 1 评论 -
bootstrap增删改查
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-1.11.0.js" &原创 2018-05-03 15:33:54 · 1543 阅读 · 1 评论 -
bootstrap代码(一)
一般在个人博客上使用的较为频繁,用于显示代码的风格。在Bootstrap主要提供了三种代码风格:1、使用<code></code>来显示单行内联代码2、使用<pre></pre>来显示多行块代码3、使用<kbd></kbd>来显示用户输入代码预编译版本的Bootstrap将代码的样式单独提取出来:1、LESS版本,请查阅cod...转载 2018-04-24 20:23:44 · 319 阅读 · 0 评论 -
bootstrap1.3
<html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/bootstrap.css"/> </head> <body&原创 2018-04-23 14:13:41 · 156 阅读 · 0 评论 -
bootstrap1相关学习文档
本节课我们主要学习一下 Bootstrap全局 CSS样式中的排版样式,包括了标题、页面主体、对齐、列表等常规内容。 一.页面排版 Bootstrap提供了一些常规设计好的页面排版的样式供开发者使用。 1.页面主体 Bootstrap 将全局 font-size 设置为 14px,line-height行高设置为 1.428(即20px);<p>段落元素被设置等于 1/2 行高(即1...原创 2018-04-23 14:38:09 · 318 阅读 · 0 评论 -
bootstrap2.1
<html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> </head> <body s原创 2018-04-23 14:39:29 · 194 阅读 · 0 评论 -
bootstrap2.2登录验证
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.0.js" >原创 2018-04-23 14:41:17 · 214 阅读 · 0 评论 -
bootstrap2.1相关文档
本节课我们主要学习一下 Bootstrap表格和按钮功能,通过内置的 CSS定义,显示各种丰富的效果。 一.表格 Bootstrap提供了一些丰富的表格样式供开发者使用。 1.基本格式 //实现基本的表格样式 <tableclass="table"> 注:我们可以通过Firebug查看相应的CSS。 2.条纹状表格 //让<tbody>里的行产生一行隔一行加单色背景效果 &...原创 2018-04-23 14:43:28 · 190 阅读 · 0 评论 -
bootstrap2.2相关文档
本节课我们主要学习一下 Bootstrap表单和图片功能,通过内置的 CSS定义,显示各种丰富的效果。 一.表单 Bootstrap提供了一些丰富的表单样式供开发者使用。 1.基本格式 //实现基本的表单样式 <form> <divclass="form-group"> <label>电子邮件</label><inputtype="email"原创 2018-04-23 14:44:48 · 232 阅读 · 0 评论 -
bootstrap3文章
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no原创 2018-04-24 08:38:09 · 239 阅读 · 0 评论 -
bootstrap3相关文档
本节课我们主要学习一下Bootstrap的栅格系统,提供了一套响应式、移动设备优先的流 式栅格系统。 一.移动设备优先 在 HTML5的项目中,我们做了移动端的项目。它有一份非常重要的meta,用于设置屏幕和设备等宽以及是否运行用户缩放,及缩放比例的问题。 //分别为:屏幕宽度和设备一致、初始缩放比例、最大缩放比例和禁止用户缩放 <metaname="viewport" content="...原创 2018-04-24 08:39:56 · 260 阅读 · 0 评论 -
bootstrap4.1下拉菜单
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> &am原创 2018-04-24 19:38:49 · 542 阅读 · 0 评论 -
bootstrap4.2 导航搜索框
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/bootstrap.css" />原创 2018-04-24 19:40:27 · 4766 阅读 · 0 评论 -
bootstrap4相关文档
本节课我们主要学习一下Bootstrap的两个个组件功能:输入框组件和导航导航条组件。 一.输入框组件 文本输入框就是可以在<input>元素前后加上文字或按钮,可以实现对表单控件的扩 展。 //在左侧添加文字 <divclass="input-group"> <spanclass="input-group-addon">@</span> <i原创 2018-04-24 19:42:12 · 378 阅读 · 0 评论 -
bootstrap八大主要模块
原创 2018-12-18 19:45:41 · 1108 阅读 · 0 评论