- 博客(17)
- 资源 (2)
- 收藏
- 关注
原创 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 1965
转载 bootstrap代码(一)
一般在个人博客上使用的较为频繁,用于显示代码的风格。在Bootstrap主要提供了三种代码风格:1、使用<code></code>来显示单行内联代码2、使用<pre></pre>来显示多行块代码3、使用<kbd></kbd>来显示用户输入代码预编译版本的Bootstrap将代码的样式单独提取出来:1、LESS版本,请查阅cod...
2018-04-24 20:23:44 319
原创 bootstrap4相关文档
本节课我们主要学习一下Bootstrap的两个个组件功能:输入框组件和导航导航条组件。 一.输入框组件 文本输入框就是可以在<input>元素前后加上文字或按钮,可以实现对表单控件的扩 展。 //在左侧添加文字 <divclass="input-group"> <spanclass="input-group-addon">@</span> <i
2018-04-24 19:42:12 380
原创 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 4768
原创 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 544
原创 bootstrap3相关文档
本节课我们主要学习一下Bootstrap的栅格系统,提供了一套响应式、移动设备优先的流 式栅格系统。 一.移动设备优先 在 HTML5的项目中,我们做了移动端的项目。它有一份非常重要的meta,用于设置屏幕和设备等宽以及是否运行用户缩放,及缩放比例的问题。 //分别为:屏幕宽度和设备一致、初始缩放比例、最大缩放比例和禁止用户缩放 <metaname="viewport" content="...
2018-04-24 08:39:56 261
原创 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 240
原创 bootstrap2.2相关文档
本节课我们主要学习一下 Bootstrap表单和图片功能,通过内置的 CSS定义,显示各种丰富的效果。 一.表单 Bootstrap提供了一些丰富的表单样式供开发者使用。 1.基本格式 //实现基本的表单样式 <form> <divclass="form-group"> <label>电子邮件</label><inputtype="email"
2018-04-23 14:44:48 233
原创 bootstrap2.1相关文档
本节课我们主要学习一下 Bootstrap表格和按钮功能,通过内置的 CSS定义,显示各种丰富的效果。 一.表格 Bootstrap提供了一些丰富的表格样式供开发者使用。 1.基本格式 //实现基本的表格样式 <tableclass="table"> 注:我们可以通过Firebug查看相应的CSS。 2.条纹状表格 //让<tbody>里的行产生一行隔一行加单色背景效果 &...
2018-04-23 14:43:28 193
原创 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
原创 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 195
原创 bootstrap1相关学习文档
本节课我们主要学习一下 Bootstrap全局 CSS样式中的排版样式,包括了标题、页面主体、对齐、列表等常规内容。 一.页面排版 Bootstrap提供了一些常规设计好的页面排版的样式供开发者使用。 1.页面主体 Bootstrap 将全局 font-size 设置为 14px,line-height行高设置为 1.428(即20px);<p>段落元素被设置等于 1/2 行高(即1...
2018-04-23 14:38:09 319
原创 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 158
原创 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
原创 用jquery监听输入数字的变化
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.0.js" >
2018-04-02 17:18:36 312
原创 用jquery将输入的文字的双向绑定
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript" src="js/jquery-1.
2018-04-02 17:09:03 569
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人