Bootstrap学习
风醉流觞
工作学习
展开
-
Bootstrap学习笔记—关于表单
Bootstrap学习笔记—关于表单1、水平表单效果Bootstrap框架默认的表单是垂直显示风格,如果想要实现水平表单风格,需要满足两个条件: (1)在元素是使用类名“form-horizontal”; (2)配合Bootstrap框架的网格系统。在元素上使用类名“form-horizontal”主要有以下几个作用: (1)设置表单控件padding和margin值; (2原创 2016-04-05 16:50:54 · 610 阅读 · 0 评论 -
Bootstrap学习笔记—做一个简单的底部导航条
Bootstrap学习笔记—做一个简单的底部导航条代码:<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Main_Nav_Bottom</title> <link rel="style原创 2016-04-06 20:06:54 · 14376 阅读 · 0 评论 -
Bootstrap学习笔记—做一个简单的缩略图
Bootstrap学习笔记—做一个简单的缩略图代码:<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Recommend</title> <link rel="stylesheet" h原创 2016-04-06 20:21:51 · 535 阅读 · 0 评论 -
Bootstrap学习笔记—学习制作轮播
代码:<div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li>原创 2016-04-08 20:35:58 · 292 阅读 · 0 评论 -
Bootstrap学习笔记—关于Glyphicons 字体图标
Bootstrap学习笔记—关于Glyphicons 字体图标1、代码:<div class="container"> <div class="row"> <div class="col-md-offset-2 col-md-2 col-xs-4"> <button type="button" class="btn-info btn-block"> <span class=原创 2016-04-08 21:04:42 · 1888 阅读 · 0 评论 -
Bootstrap学习笔记—关于列表组与多媒体对象
Bootstrap学习笔记—关于列表组与多媒体对象1、列表组代码:<div class="list-group"> <a class="list-group-item active" href="list01.html">列表1</a> <a class="list-group-item" href="list02.html">列表2</a> <a class="list-group-i原创 2016-04-13 19:52:46 · 674 阅读 · 0 评论 -
Bootstrap学习笔记—关于网格系统
Bootstrap学习—关于网格系统1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。举例:<div class="container"> <div class="row"></div></div>2、在行(.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如12。举例:<div class="conta原创 2016-04-05 18:42:54 · 1362 阅读 · 0 评论