-
aria-label属性：正常情况下，会在表单里给input组件指定对应的label，当用户tab到输入框时，读屏软件就会读出相应label里的文本。 aria-labelledby属性：当想要的标签文本已在其他元素中存在时，可以将其值为该元素的id。 如果一个元素同时有aria-labelledby和aria-label，读屏软件会优先读出aria-labelledby的内容。 data-toggle="dropdown"是为了JS调用下拉框，这里是用css生成的效果，并没有调用js效果，所以不加也无妨 如果不需要考虑读屏软件，则可以不设置。 data-xxx 是属性名，是boostrap的属性命名方式，后面是属性值，这个就相当于定义一个toggle事件，属性值"dropdown"解释这个toggle动作的方向。 在bootstrap中dropdown是下拉菜单的统称，bootstrap中声明式触发方法一般依赖于这些自定义的data-xxx 属性，data-toggle="dropdown"就是向按钮之类元素添加切换下拉菜单的事件，使用data-xxx的自定义属性时先要加载bootstrap的js文件。查看全部
-
内联表单： <form class="form-inline" role="form"> 在label标签运用了一个类名“sr-only”，标签没显示就是这个样式将标签隐藏了。查看全部
-
1.实现普通下拉菜单：.dropdown>button.dropdown-toggle[data-toggle="dropdown"]+ul.dropdown-menu; 2.按钮下拉菜单：把.dropdown换成.btn-group即可。 3.下拉菜单变上拉菜单：.dropdown.dropup或.btn-group.dropup 4.下拉菜单通过绝对定位实现，可通过设置top,bottom,left,right改变下拉菜单出现的位置。 5.dropdown-header,li.divider,li.active,li.disabled查看全部
-
水平表单： <form class="form-horizontal" role="form">查看全部
-
本节内容相对来说比较简单，一般在个人博客上使用的较为频繁，用于显示代码的风格。在Bootstrap主要提供了三种代码风格： 1、使用<code></code>来显示单行内联代码 2、使用<pre></pre>来显示多行块代码 3、使用<kbd></kbd>来显示用户输入代码 预编译版本的Bootstrap将代码的样式单独提取出来： 1、LESS版本，请查阅code.less文件 2、Sass版本，请查阅_code.scss文件 编译出来的CSS代码请查阅bootstrap.css文件第688行~第730行，由于代码太长，此处不一一列举。 在使用代码时，用户可以根据具体的需求来使用不同的类型： 1、<code>：一般是针对于单个单词或单个句子的代码 2、<pre>：一般是针对于多行代码（也就是成块的代码） 3、<kbd>:一般是表示用户要通过键盘输入的内容 虽然不同的类型风格不一样，但其使用方法是类似的。 code风格： <div>Bootstrap的代码风格有三种： <code><code></code> <code><pre></code> <code><kbd></code> </div> pre风格： <div> <pre> <ul> <li>...</li> <li>...</li> <li>...</li> </ul> </pre> </div> kbd风格： <div>请输入<kbd>ctrl+c</kbd>来复制代码，然后使用<kbd>ctrl+v</kbd>来粘贴代码</div> 不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。而且对于<pre>代码块风格，标签前面留多少个空格，在显示效果中就会留多少个空格。建议在编写HTML标签时，就控制好，例如查看右侧代码编辑器上的15-19行。查看全部
-
同时一定要为.dropdown添加float:left css样式。查看全部
-
Bootstrap框架中下拉菜单默认是左对齐，如果你想让下拉菜单相对于父容器右对齐时，可以在“dropdown-menu”上添加一个“pull-right”或者“dropdown-menu-right”类名查看全部
-
水平定义列表就像内联列表一样，Bootstrap可以给<dl>添加类名“.dl-horizontal”给定义列表实现水平显示效果。查看全部
-
在Bootstrap框架的网格系统中带有响应式效果，其带有四种类型的浏览器（超小屏，小屏，中屏和大屏），其断点（像素的分界点）是768px、992px和1220px。查看全部
-
设置图片大小： 由于样式没有对图片做大小上的样式限制，所以在实际使用的时候，需要通过其他的方式来处理图片大小。比如说控制图片容器大小。（注意不可以通过css样式直接修改img图片的大小，这样操作就不响应了） 注意： 对于圆角图片和圆形图片效果，因为是使用了CSS3的圆角样式来实现的，所以注意对于IE8以及其以下版本不支持，是没有圆角效果的。查看全部
-
aria-label属性：正常情况下，会在表单里给input组件指定对应的label，当用户tab到输入框时，读屏软件就会读出相应label里的文本。 aria-labelledby属性：当想要的标签文本已在其他元素中存在时，可以将其值为该元素的id。 如果一个元素同时有aria-labelledby和aria-label，读屏软件会优先读出aria-labelledby的内容。 data-toggle="dropdown"是为了JS调用下拉框，这里是用css生成的效果，并没有调用js效果，所以不加也无妨 如果不需要考虑读屏软件，则可以不设置。 data-xxx 是属性名，是boostrap的属性命名方式，后面是属性值，这个就相当于定义一个toggle事件，属性值"dropdown"解释这个toggle动作的方向。 在bootstrap中dropdown是下拉菜单的统称，bootstrap中声明式触发方法一般依赖于这些自定义的data-xxx 属性，data-toggle="dropdown"就是向按钮之类元素添加切换下拉菜单的事件，使用data-xxx的自定义属性时先要加载bootstrap的js文件。查看全部
-
菜单标签上的通知数 <span class="badge">42</span>查看全部
-
显示二级菜单 <script src="http://img1.sycdn.imooc.com//down/53c6484f00013d9300000000.js"></script>查看全部
-
multiple 多选查看全部
-
把css文件放在head中，把js文件放在body的最下面查看全部
举报
0/150
提交
取消