wood的博客

通过按钮组容器把一组按钮放在同一行里。通过与按钮插件联合使用，可以设置为单选框或多选框的样式和行为。基本示例 <div class="btn-group"> <button type="button" class="btn btn-default">百度</button> <button type="button" class="btn btn-default">百度</butto

这是一个轻量、灵活的组件，它能延伸至整个浏览器视口来展示网站上的关键内容。 jumbotron修饰<div class="jumbotron"> <h1>Hello, world!</h1> <p>...</p> <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p></div>

给链接、导航等元素嵌套 span class=”badge” 元素，可以很醒目的展示新的或未读的信息条目。 <a href="#">Inbox <span class="badge">42</span></a> <button class="btn btn-primary" type="button"> Messages <span class="badge">4</span> </

标签label 修饰 用下面的任何一个类即可改变标签的外观。 <h3>国际新闻专题<span class="label label-default">new</span></h3> <h3>国际新闻专题<span class="label label-info">new</span></h3> <h3>国际新闻专题<span class="label label-succes

默认分页受 Rdio 的启发，我们提供了这个简单的分页组件，用在应用或搜索结果中超级棒。组件中的每个部分都很大，优点是容易点击、易缩放、点击区域大。 <nav> <ul class="pagination"> <li> <a href="" aria-label="Previous"><span>«</span></a> </li>

正常情况下，form表单的input组件都有对应的label.当input组件获取到焦点时，屏幕阅读器会读出相应的label里的文本。但是如果我们没有给输入框设置label时，当其获得焦点时，屏幕阅读器会读出aria-label属性的值，aria-label不会在视觉上呈现效果。 <form> <div class="form-group col-md-2"> <label>姓

基本样式示例将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里 <div class="dropdown"> <button class="btn btn-default " id="dropdownMenu1" data-toggle="dropdown" > 更多城市 <span class="caret "></span>

Bootstrap 中的导航组件都依赖同一个 .nav 类，状态类也是共用的。改变修饰类可以改变样式。标签页注意 .nav-tabs 类依赖 .nav 基类<ul class="nav nav-tabs"> <li class="active"><a href="">网站首页</a></li> <li><a href="">学校概况</a></li> <li><a href=

通过在文本输入框 前面、后面或是两边加上文字或按钮，可以实现对表单控件的扩展。为 .input-group 赋予 .input-group-addon 或 .input-group-btn 类，可以给 .form-control 的前面或后面添加额外的元素。基本实例在输入框的任意一侧添加额外元素或按钮。你还可以在输入框的两侧同时添加额外元素。 我们不支持在输入框的单独一侧添加多个额外元素（.in

把任意一个按钮放入 .btn-group 中，然后加入适当的菜单标签，就可以让按钮作为菜单的触发器了。单按钮下拉菜单 <div class="btn-group"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> 广东

页头组件能够为 h1 标签增加适当的空间，并且与页面的其他部分形成一定的分隔。它支持 h1 标签内内嵌 small 元素的默认效果，还支持大部分其他组件（需要增加一些额外的样式）。<div class="container"> <h1 class="page-header">Bootstrap学习<small>系统篇</small></h1></div>