bootstrap学习笔记<十一>（导航条）
摘要：基础导航条。样式：class="navbar navbar-default"，属性：role="navigation" <div class="navbar navbar-default" role="navigation"> <ul class="nav navbar-nav"> <li clas
阅读全文
posted @
2015-12-19 16:55
MirageFireFox
阅读(425)
推荐(0) 编辑
bootstrap学习笔记<十>（按钮组，导航）
摘要：1）按钮组。样式：class="btn-group" <div class="btn-group"> <button class="btn btn-danger" type="button">首页</button> <button class="btn btn-default" type="butt
阅读全文
posted @
2015-12-18 14:28
MirageFireFox
阅读(364)
推荐(0) 编辑
bootstrap学习笔记<九>（菜单，按钮。导航基本元素）
摘要：有了bootstrap作导航不再麻烦，几个样式，几个标签就能轻松搞定。 下面就来分解学习导航条的制作。 一、首先是下拉菜单 <div class="dropdown"> <div class="btn btn-info dropdown-toggle" id="fruit" data-toggle=
阅读全文
posted @
2015-12-16 17:39
MirageFireFox
阅读(283)
推荐(0) 编辑
bootstrap学习笔记<八>（bootstrap核心布局风格——栅格系统）
摘要：栅格系统（bootstrap的核心之一，也是bootstrap的主要布局风格） 栅格系统是对原有div布局的升级版。打破了传统div模式只能纵向垂直排列的弊端，大大提高了页面布局的速度和效果，也很好的配合响应式布局。在设备宽度不够时栅格系统会自动把所有栅格纵向排列。 什么是栅格系统： Bootstr
阅读全文
posted @
2015-12-11 00:00
MirageFireFox
阅读(1805)
推荐(0) 编辑
bootstrap学习笔记<七>（图标，图像）
摘要：图像 bootstrap为图像预加载提供了很简洁的样式。（CDN：http://placehold.it/140x140；） PS：该CDN链接后的140x140可以根据网站需要更换合适的尺寸。例如：1024x960,1250x1600等等 <div class="container"> <div
阅读全文
posted @
2015-12-10 23:28
MirageFireFox
阅读(529)
推荐(0) 编辑
bootstrap学习笔记<六>（表单二之按钮）
摘要：按钮（补充） （ps：居中元素可以使用<center></center>标签） 块级按钮（ps：按钮占一整行） <button class="btn btn-primary btn-lg btn-block" type="button">大型按钮.btn-lg</button> <button cl
阅读全文
posted @
2015-12-08 17:28
MirageFireFox
阅读(203)
推荐(0) 编辑
bootstrap学习笔记<五>（表单一）
摘要：表单 bootstrap为表单提供三种样式：默认表单，水平表单，内联表单。 <form class="form-horizontal" role="form"> <!--默认表单--> </form> <!--分割线--> <form class="form-horizontal" role="fo
阅读全文
posted @
2015-12-05 13:14
MirageFireFox
阅读(482)
推荐(0) 编辑
bootstrap学习笔记<四>（table表格）
摘要：表格 bootstrap为table表格定制多个常用样式：基本样式，隔行变色样式，带边框样式，荧光棒样式，紧凑样式，响应样式。 ☑ .table：基础表格 ☑ .table-striped：斑马线表格 ☑ .table-bordered：带边框的表格 ☑ .table-hover：鼠标悬停高亮的表格
阅读全文
posted @
2015-12-04 23:08
MirageFireFox
阅读(611)
推荐(0) 编辑
bootstrap学习笔记<三>（文本，代码域，列表）
摘要：文本对齐 .text-left：左对齐 .text-center：居中对齐 .text-right：右对齐 .text-justify：两端对齐 <p class="text-left">居左</p> <p class="text-center">居中</p> <p class="text-righ
阅读全文
posted @
2015-12-04 17:35
MirageFireFox
阅读(318)
推荐(0) 编辑
bootstrap学习笔记<二>（标题，段落样式）
摘要：标题。样式：class="h1"~class="h6" bootstrap中重新定义了h1~h6标签，具体差别如下： 在bootstrap中其他任何标签使用class="h1"~class="h6"都可以实现h1~h6的标题效果。 <!--Bootstrap中的标题--> <h1>Bootstrap
阅读全文
posted @
2015-12-03 23:48
MirageFireFox
阅读(2025)
推荐(0) 编辑
bootstrap学习笔记<一>（bootstrap用法）
摘要：首先引入bootstrap官网链接：http://www.bootcss.com/ bootstrap 3下载地址：http://v3.bootcss.com/getting-started/#download bootstrap的CDN链接： <!-- 新 Bootstrap 核心 CSS 文件
阅读全文
posted @
2015-12-03 22:34
MirageFireFox
阅读(277)
推荐(0) 编辑
ajax学习笔记(原生js的ajax)
摘要：ajax是一个与服务器端语言无关的技术，可以使用在任何语言环境下的web项目(如JSP，PHP，ASP等)。 ajax优点： 1） 页面无刷新的动态数据交互 2） 局部刷新页面 3） 界面的美观 4） 对数据库的操作 ajax使用 第一步：创建ajax引擎(获取XMLHttpRequest对象) 不
阅读全文
posted @
2015-12-03 21:55
MirageFireFox
阅读(209)
推荐(0) 编辑
