摘要: 一、按钮工具栏(btn-toolbar) <div class="btn-toolbar"> <div class="btn-group"> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon 阅读全文
posted @ 2018-04-20 21:52 love-or 阅读(116) 评论(0) 推荐(0)
摘要: 一:理解这些单词是什么意思 1、dropdown:下拉 2、toggle:触发器 3、menu:菜单 4、dropdown-toggle:下拉的触发器 5、dropdown-menu:创建下拉菜单 6、data-toggle:指以什么事件来触发 7、data-target:指事件的目标 8、drop 阅读全文
posted @ 2018-04-20 21:09 love-or 阅读(251) 评论(0) 推荐(0)
摘要: 一:基本的网格布局 <div class="container"> <div class="row"> <div class="col-md-4">占四格</div> <div class="col-md-6">占八格</div> </div> </div> 1、一行网格数一共有分为12格, <di 阅读全文
posted @ 2018-04-20 12:32 love-or 阅读(909) 评论(0) 推荐(0)
摘要: 一、图片 1、响应式图片:<img src=" " class="responsive"> 2、圆角图片:<img src=" " class="rounded"> 3、圆形图片:<img src=" " class="circle"> 4、缩略图片:<img src=" " class="thum 阅读全文
posted @ 2018-04-20 12:03 love-or 阅读(296) 评论(0) 推荐(0)
摘要: 一、表单基本结构 举例说明:表单内的两个控件以水平方式显示 <form class="form-horizontal" role="form"> <div class="form-group"> <label>注册名</label> <input type="text " class="form-c 阅读全文
posted @ 2018-04-20 11:52 love-or 阅读(238) 评论(0) 推荐(0)
摘要: 一:表格基本格式 <table> <tr> <th>标题一</th> <th>标题二</th> </tr> <tr> <td>单元格内容一</td> <td>单元格内容二</td> </tr> </table> 1、首先所有的表格内容,肯定都包含在<table>标签内 2、<tr>表示一行 3、<t 阅读全文
posted @ 2018-04-20 10:23 love-or 阅读(2016) 评论(0) 推荐(0)
摘要: 1、用来显示单个句子或者单个单词:<code>……</code> 2、用来显示多行代码:<pre>……</pre> 当行数高度大于340px,自动出现y轴滚动条:<pre class="scrollable">……</pre> 3、用户通过键盘输入的内容,比如ctrl+v:<kbd>如果您需要粘贴功 阅读全文
posted @ 2018-04-20 10:03 love-or 阅读(406) 评论(0) 推荐(0)
摘要: 一:字体代码:作用--颜色 1、.text-muted:提示--浅灰色 2、.text-primary:主要--蓝色 3、.text-success:成功--浅绿色 4、.text-info: 通知--浅蓝色 5、.text-warning: 警告--黄色 6、.text-danger:危险--褐色 阅读全文
posted @ 2018-04-20 09:48 love-or 阅读(12223) 评论(1) 推荐(1)