-
111查看全部
-
如果要使用Bootstrap的js插件，必须先调入jQuery查看全部
-
content="width=device-width, initial-scale=1" 适应移动浏览器，表示宽度等于物理设备，不进行缩放。查看全部
-
全局样式查看全部
-
sssss查看全部
-
图片轮播Carousel：对应的插件文件“carousel.js”查看全部
-
http://getbootstrap.com/components/#glyphicons Font Awesome(http://www.bootcss.com/p/font-awesome/ 链接小图标的网址 1.手机端页面适配快捷键 输入: meta:vp 再按tab键就出来了. 这行代码,会将HTML5自动适配成手机端页面 2. html5基本结构代码 新建空白html页面 输入: ! 再按Tab键,就会自动生成标准的html5的页面结构代码.就是在webstorm上新建一个html看到的那一大块代码 3.输入标签自带类名 输入: 标签名称.类名 再按tab键 示例: div.main 再按tab键就会自动生成: [html] view plain copy <div class='main'> [html] view plain copy [html] view plain copy </div> 4.多行重复代码 示例: ul>li*3 [html] view plain copy <ul> <li></li> <li></li> <li></li> </ul> 4.1多种指令可以联合使用 示例:ul.haha>li.hehe*3 [html] view plain copy <ul class="haha"> <li class="hehe"></li> <li class="hehe"></li> <li class="hehe"></li> </ul> 5.带ID的标签 示例: div#haha [html] view plain copy <div id="haha"></div>查看全部
-
在使用代码时，用户可以根据具体的需求来使用不同的类型： 1、<code>：一般是针对于单个单词或单个句子的代码 2、<pre>：一般是针对于多行代码（也就是成块的代码） 3、<kbd>:一般是表示用户要通过键盘输入的内容 在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。查看全部
-
无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl>查看全部
-
<meta name="viewport" content=”width=device-width，intial-scale=1”> 可视化窗口，宽度等于设备的宽度，缩放比例为1，也就是不缩放查看全部
-
下拉选择框 <select multiple class="from-contorl"查看全部
-
<button class="btn btn-primary btn-lg" type="button">大型按钮.btn-lg</button> <button class="btn btn-primary" type="button">正常按钮</button> <button class="btn btn-primary btn-sm" type="button">小型按钮.btn-sm</button> <button class="btn btn-primary btn-xs" type="button">超小型按钮.btn-xs</button> 在Bootstrap框架中提供了三个类名来控制按钮大小。 [ 查看全文 ]查看全部
-
分页导航（带页码的分页导航） <ul class="pagination pagination-lg"> <li><a href="#">«第一页</a></li> <li><a href="#">11</a></li> <li><a href="#">12</a></li> <li class="active"><a href="#">13</a></li> <li><a href="#">14</a></li> <li><a href="#">15</a></li> <li class="disabled"><a href="#">最后一页»</a></li> </ul>查看全部
-
模态弹出框--为弹出框增加过度动画效果 为模态弹出框增加过度动画效果： 可通过给“.modal”增加类名“fade”为模态弹出框增加一个过渡动画效果。查看全部
-
模态弹出框--触发模态弹出窗2种方法 方法一：模态弹出窗声明，只需要自定义两个必要的属性：data-toggle和data-target（bootstrap中声明式触发方法一般依赖于这些自定义的data-xxx 属性。比如data-toggle="" 或者 data-dismiss=""）。例如： <!-- 触发模态弹出窗的元素 --> <button type="button" data-toggle="modal" data-target="#mymodal" class="btn btn-primary">点击我会弹出模态弹出窗</button> <!-- 模态弹出窗 --> <div class="modal fade" id="mymodal"> <div class="modal-dialog"> <div class="modal-content"> <!-- 模态弹出窗内容 --> </div> </div> </div> 方法二：触发模态弹出窗也可以是一个链接<a>元素，那么可以使用链接元素自带的href属性替代data-target属性，如： <!-- 触发模态弹出窗的元素 --> <a data-toggle="modal" href="#mymodal" class=" btn btn-primary" >点击我会弹出模态弹出窗</a> <!-- 模态弹出窗 --> <div class="modal fade" id="mymodal" > <div class="modal-dialog" > <div class="modal-content" > <!-- 模态弹出窗内容 --> </div> </div> </div>查看全部
举报
0/150
提交
取消