- 博客(11)
- 资源 (1)
- 收藏
- 关注
原创 bootstrap入门【组件之按钮组,下拉菜单,嵌套】
btn-group-vertical 按钮组默认是水平排列的,运用vertical变成竖式排列 button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" > 下拉菜单 span class="caret">span> button> ul class="dropdown-
2015-02-28 22:44:59 3448
原创 bootstrap入门【下拉菜单】
link href="bootstrap.min.css" rel="stylesheet"> 引入bootstrap外部样式表 script src="jquery-2.1.3.min.js">script> script src="bootstrap.min.js">script> 为使下拉菜单能够下拉,添加两个js文件pull-right 下拉菜单按钮靠右dropdown-to
2015-02-28 21:28:57 787
原创 bootstrap入门【按钮和图片】
link href="bootstrap.min.css" rel="stylesheet"> 引入bootstrap外部样式表 不同样式的btn 不同大小的btn ,没什么好说的。 btn-block 充满父级容器 button不一定必须要用button标签,也可以用a标签和input标签active 活跃状态 disabled="disabled" 禁用状态
2015-02-28 20:34:32 1060
原创 bootstrap入门【表单(控件2)】
link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 为了图标正常加载,引入网络端的bootstrap外部样式表 p>静态控件p> p>请按照我的格式输入zhangyugege@163.comp> p class="form-cont
2015-02-28 20:05:03 549
原创 bootstrap入门【表单控件】
link href="bootstrap.min.css" rel="stylesheet"> 插入bootstrap的外部样式表 支持 输入框,文本域,多选按钮,单选按钮,下拉列表 name="optionsRadios" 其中,单选按钮必须指定name保证两个按钮是一组的。class=" form-control" 意为给所有的控件加入css样式multiple 下拉列表
2015-02-28 18:31:41 641
原创 bootstrap入门【表单样式】
link href="bootstrap.min.css" rel="stylesheet"> 插入bootstrap外部样式表 div class="form-group"> label>用户名label> input type="email" class="form-control" placeholder="email"> div> 表单必须要有lab
2015-02-28 16:36:07 554
原创 bootstrap入门【表格】
link href="bootstrap.min.css" rel="stylesheet"> 导入bootstrap的外部样式表 thead> tr> th>表格标题th> th>表格标题th> th>表格标题th> tr> thead> 表头 tbody> tr class="info">
2015-02-28 11:25:01 479
原创 bootstrap入门代码
html> html> head lang="en"> meta charset="UTF-8"> title>title> link href="bootstrap.min.css" rel="stylesheet"> head> body> div class="container"> ; for example code><
2015-02-27 18:59:08 508
原创 bootstrap入门 css栅格系统
.row{ margin-bottom: 20px; } .row.row{ margin-top: 10px; margin-bottom: 0px; } [class*="col-"]{ padding-top:15px;
2015-02-27 18:31:44 1194
原创 bootstrap入门第二课 全局css样式排版
html> ang="en"> harset="UTF-8"> e> ="bootstrap.min.css" rel="stylesheet"> 章鱼哥哥 章鱼哥哥 章鱼哥哥 章鱼哥哥欢迎你的到来 hello hello hello world
2015-02-27 15:05:35 586
原创 bootstrap入门模板开发(导航+正文)
body{ padding-top: 50px; } .starter{ padding:40px 15px; text-align: center; } project nam
2015-02-27 14:16:35 796
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人