button按钮大小
2015-11-08 17:34
169 查看
在上面的一个文章中我们看到是将button的各种的样式的设置,在这个程序中我们要展示的是对按钮的大小的设置,对按钮大小的设置也是在class属性进行设置,我们可以设置大按钮btn-lg,小按钮btn-sm,还有特别小的元素btn-xs,最还有一个是对元素进行设置为块级的元素,也就是btn-block。这个地方要知道的是块级元素和父级元素大小是一样的。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script type="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<title>Bootstrap中设置按钮的大小</title>
</head>
<body>
<div class="container">
<button type="button" class="btn btn-lg btn-primary">大按钮</button><br/>
<button type="button" class="btn btn-sm btn-default">默认的按钮</button><br/>
<button type="button" class="btn btn-lg btn-block btn-primary">块级的元素</button>
</div>
</body>
</html>
并且我们可以看出的是class里面的属性可以对一个按钮设置多个属性,当然这些属性是共同的起作用。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script type="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<title>Bootstrap中设置按钮的大小</title>
</head>
<body>
<div class="container">
<button type="button" class="btn btn-lg btn-primary">大按钮</button><br/>
<button type="button" class="btn btn-sm btn-default">默认的按钮</button><br/>
<button type="button" class="btn btn-lg btn-block btn-primary">块级的元素</button>
</div>
</body>
</html>
并且我们可以看出的是class里面的属性可以对一个按钮设置多个属性,当然这些属性是共同的起作用。
相关文章推荐
- mjpg-streamer在pcduino上的应用
- C/C++内存泄漏及检测
- 阿里云推荐码
- (二)深入梯度下降(Gradient Descent)算法
- iOS开发-前言篇C-指针以、结构体指针、作用域
- 大数据流式计算:关键技术及系统实例
- hdoj5124lines【贪心 or 离散化】
- 建立网络连接的基本步骤及NSJSONSerialization(苹果自带)——JSON解析
- 知乎下拉刷新SwipeRefreshLayout下拉刷新用法类似知乎下拉刷新
- objective-c系列-NSDictionary&NSMutableDictionary
- Centos7 install Openstack - (第四节)添加计算服务(Nova)
- python之模块chunk,了解即可
- ASCII表、ASCII扩展表
- iOS开发-前言篇C-结构体
- JS-运算符
- php搜索功能
- 信息安全系统设计基础第九周学习总结—20135227黄晓妍
- 百度编辑器ueditor获取不到内容?请把form放在table等其他元素最外面
- 系统级I/O
- c语言 goto语句