-
在制作一个基础导航条时，主要分以下几步： 第一步：首先在制作导航的列表(<ul class=”nav”>)基础上添加类名“navbar-nav” 第二步：在列表外部添加一个容器（div），并且使用类名“navbar”和“navbar-default”查看全部
-
单行输入框，常见的文本输入框，也就是input的type属性值为text。在Bootstrap中使用input时也必须添加type类型，如果没有指定type类型，将无法得到正确的样式，因为Bootstrap框架都是通过input[type=“?”](其中?号代表type类型，比如说text类型，对应的是input[type=“text”])的形式来定义样式的。 为了让控件在各种表单风格中样式不出错，需要添加类名“form-control”，如： <form role="form"> <div class="form-group"> <input type="email" class="form-control" placeholder="Enter email"> </div> </form>查看全部
-
面包屑(Breadcrumb)导航使用方法： 为ol加入breadcrumb类：<ol class="breadcrumb">。 作者是使用li+li:before实现li与li之间的分隔符，所以这种方案在IE低版本就惨了（不支持）。查看全部
-
在label标签运用了一个类名“sr-only”，标签没显示就是这个样式将标签隐藏了。 注意：那么Bootstrap为什么要这么做呢？这样不是多此一举吗？其实不是的，如果没有为输入控件设置label标签，屏幕阅读器将无法正确识别。这也是Bootstrap框架另一个优点之处，为残障人员进行了一定的考虑。 <div class="form-group"> <label class="sr-only" for="exampleInputEmail2">邮箱</label> <input type="email" class="form-control" id="exampleIn查看全部
-
在制作自适应导航时更换了另一个类名“nav-justified”。当然他需要和“nav-tabs”或者“nav-pills”配合在一起使用。查看全部
-
制作垂直堆叠导航，添加“nav-stacked”类名查看全部
-
胶囊形（pills）导航，外形看起来有点像胶囊形状。当前项高亮显示，并带有圆角效果。只需要把类名换成“nav-pills”即可查看全部
-
标签形导航是通过“nav-tabs”样式来实现。查看全部
-
在制作等分按钮组时，请尽量使用<a>标签元素来制作按钮，因为使用<button>标签元素时，使用display:table在部分浏览器下支持并不友好。查看全部
-
分组标题： <li role="presentation" class="dropdown-header">第一部分菜单头部</li>查看全部
-
下拉菜单还提供了下拉分隔线，假设下拉菜单有两个组，那么组与组之间可以通过添加一个空的<li>，并且给这个<li>添加类名“divider”来实现添加下拉分隔线的功能。查看全部
-
表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 placeholder：input中显示的内容查看全部
-
在使用下拉菜单组件时，如果结构和类名未使用正确，直接影响组件是否能正常运用： 1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素，示例中为: <div class="dropdown"></div> 2、使用了一个<button>按钮做为父菜单，并且定义类名“dropdown-toggle”和自定义“data-toggle”属性，且值必须和最外容器类名一致，此示例为: data-toggle="dropdown" 3、下拉菜单项使用一个ul列表，并且定义一个类名为“dropdown-menu”，此示例为:<ul class="dropdown-menu">查看全部
-
设置图片大小： 由于样式没有对图片做大小上的样式限制，所以在实际使用的时候，需要通过其他的方式来处理图片大小。比如说控制图片容器大小。 （注意不可以通过css样式直接修改img图片的大小，这样操作就不响应了） 对于圆角图片和圆形图片效果，因为是使用了CSS3的圆角样式来实现的， 所以注意对于IE8以及其以下版本不支持，是没有圆角效果的。查看全部
-
在Bootstrap框架中，要禁用按钮有两种实现方式： 方法1：在标签中添加disabled属性 方法2：在元素标签中添加类名“disabled” 两者的主要区别是： “.disabled”样式不会禁止按钮的默认行为， 比如说提交和重置行为等。如果想要让这样的禁用按钮也能禁止按钮的默认行为，则需要通过JavaScript这样的语言来处理。 对于<a>标签也存在类似问题，如果通过类名“.disable”来禁用按钮，其链接行为是无法禁止。 而在元素标签中添加“disabled”属性的方法是可以禁止元素的默认行为的。查看全部
举报
0/150
提交
取消