-
To set-up the size of widget by change the "input-sm" or "btn-sm","btn-lg".查看全部
-
Demonstrated how to place various checkbox and radio button in a single line.查看全部
-
下拉菜单查看全部
-
水平放置的form，在form标签中加入class="form-horizontal"查看全部
-
需要将“table-responsive”加在<div>中，表格的responsive才会有效。查看全部
-
1、input-sm:让控件比正常大小更小 2、input-lg:让控件比正常大小更大查看全部
-
表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。查看全部
-
千万注意，你的<table>元素中一定不能缺少类名“table”查看全部
-
使用方法，其实也没什么太多可说的，你可以像标签一样，使用span标签来制作，然后为他加入badge类： <a href="#">Inbox <span class="badge">42</span></a> 不过和标签组件不一样的是：在徽章组件中没有提供多种颜色风格的效果，不过你也可以通过badges.less或者_badges.scss快速自定义。查看全部
-
在Bootstrap框架中特意将这样的效果提取出来成为一个标签组件，并且以“.label”样式来实现高亮显示你可以在使用span这样的行内标签： <h3>Example heading <span class="label label-default">New</span></h3> 和按钮元素button类似，label样式也提供了多种颜色： ☑ label-deafult:默认标签，深灰色 ☑ label-primary：主要标签，深蓝色 ☑ label-success:成功标签，绿色 ☑ label-in:信息标签，浅蓝色 ☑ label-warning：警告标签，橙色 ☑ label-danger：错误标签，红色查看全部
-
在实际使用中，翻页分页导航和带页码的分页导航类似，为ul标签加入pager <ul class="pager"> <li class="previous"><a href="#">«上一页</a></li> <li class="next"><a href="#">下一页»</a></li> </ul> previous：让“上一步”按钮居左 ☑ next：让“下一步”按钮居右查看全部
-
在Bootstrap框架中使用的是ul>li>a这样的结构，在ul标签上加入pagination方法 要禁用当前状态和禁用状态不能点击，我们还要依靠js来实现，或者将这两状态下的a标签换成span标签查看全部
-
反色导航条其实是Bootstrap框架为大家提供的第二种风格的导航条，与默认的导航条相比，使用方法并无区别，只是将navbar-deafult类名换成navbar-inverse。查看全部
-
1、保证在窄屏时需要折叠的内容必须包裹在带一个div内，并且为这个div加入collapse、navbar-collapse两个类名。最后为这个div添加一个class类名或者id名。 2、保证在窄屏时要显示的图标样式（固定写法）： <button class="navbar-toggle" type="button" data-toggle="collapse"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> 3、并为button添加data-target=".类名/#id名"，究竞是类名还是id名呢？由需要折叠的div来决定。查看全部
-
☑ .navbar-fixed-top：导航条固定在浏览器窗口顶部 ☑ .navbar-fixed-bottom：导航条固定在浏览器窗口底部 从运行效果中大家不难发现，页面主内容顶部和底部都被固定导航条给遮住了 解决方案 body { padding-top: 70px;/*有顶部固定导航条时设置*/ padding-bottom: 70px;/*有底部固定导航条时设置*/ } 第二站解决办法 把固定导航条都放在页面内容前面，然后添加如下代码 .navbar-fixed-top ~ .content { padding-top: 70px; } .navbar-fixed-bottom ~ .content { padding-bottom: 70px; }查看全部
举报
0/150
提交
取消