bootstrap
关注
分享
扫一扫
文章平均质量分 79
Rodgexue
腾讯和阿里-php和java工程师 坚持了这么多年的技术博客希望能一直用下去
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
玩转Bootstrap（基础） -- （6.导航条基础）
1.导航条例子<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>导航条</title><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bo原创 2015-08-24 16:46:42 · 6483 阅读 · 0 评论 -
玩转Bootstrap（基础） -- （5.下拉菜单）
在使用Bootstrap框架的下拉菜单时，必须调用Bootstrap框架提供的bootstrap.js文件。当然，如果你使用的是未编译版本，在js文件夹下你能找到一个名为“dropdown.js”的文件。你也可以调用这个js文件。不过在我们的教程中，我们统一调用压缩好的“bootstrap.min.js”文件。 特别声明：因为Bootstrap的组件交互效果都是依赖于jQuery库写的插件，所以在原创 2015-08-21 11:58:16 · 11785 阅读 · 0 评论 -
玩转Bootstrap（基础） -- （7.其他内置组件）
1.缩略图（一） 缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底下（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。 通过“thumbnail”样式配合bootstrap的网格系统来实现。 前面也说过了，缩略图的实现是配合网格系统一原创 2015-08-27 16:11:20 · 4537 阅读 · 0 评论 -
玩转Bootstrap（基础） -- （8.Bootstrap支持的JavaScript插件）
1.导入JavaScript插件Bootstrap除了包含丰富的Web组件之外，如前面介绍的下拉菜单、按钮组、导航、分页等。他还包括一些JavaScript的插件。Bootstrap的JavaScript插件可以单独导入到页面中，也可以一次性导入到页面中。因为在Bootstrap中的JavaScript插件都是依赖于jQuery库，所以不论是单独导入还一次性导入之前必须先导入jQuery库。一次性导原创 2015-08-28 11:18:17 · 4994 阅读 · 0 评论 -
玩转Bootstrap（基础） （3.按钮）
1）按钮的种类 显示加上btn这个类，然后再后面加上按钮的样式的名字。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>定制风格</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1原创 2015-08-21 10:34:39 · 4936 阅读 · 0 评论 -
玩转Bootstrap（基础） （1.基础知识）
1.bootstrap的插件都依赖于jquery，所有jquery要在bootstrap前加载。<!DOCTYPE html> //html 5<html lang="en"> <head> <meta charset="utf-8"> //bootstrap不支持ie的兼容模式，所以这行代码是让ie运行最新的渲染模式 <meta http-equiv="X-UA-Co原创 2015-08-20 11:48:31 · 4387 阅读 · 0 评论 -
玩转Bootstrap（基础） （2.表单操作）
0)一个最基本的调用bootstrap的头部的写法<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>表单控件状态——焦点状态</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/cs原创 2015-08-20 14:24:50 · 4941 阅读 · 0 评论 -
玩转Bootstrap（基础） （4.网格系统实现原理）
代码<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>基本用法</title><link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"><link rel="stylesheet" hre原创 2015-08-21 11:33:59 · 4482 阅读 · 0 评论