- 博客(17)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 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
1964
转载 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
543
原创 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
157
原创 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关注的人