Buttons

          btn btn-primary
          btn btn-info
          btn btn-success
          btn btn-warning
          btn btn-danger
          btn btn-inverse

          小优视频_小优视频app下载_小优视频下载

          Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only <a> and <button> elements.

          Add .btn-large, .btn-small, or .btn-mini.

          小优视频_小优视频app下载_小优视频下载

          Labels Markup
          Success <span class="label label-success">Success</span>
          Warning <span class="label label-warning">Warning</span>
          Important <span class="label label-important">Important</span>
          Info <span class="label label-info">Info</span>
          Inverse <span class="label label-inverse">Inverse</span>

          小优视频_小优视频app下载_小优视频下载

          Name Example Markup
          Success 2 <span class="badge badge-success">2</span>
          Warning 4 <span class="badge badge-warning">4</span>
          Error 6 <span class="badge badge-important">6</span>
          Info 8 <span class="badge badge-info">8</span>
          Inverse 10 <span class="badge badge-inverse">10</span>

          男人的天堂

          小优视频_小优视频app下载_小优视频下载

          × Warning! Best check yo self, you're not looking too good.
          × Oh snap! Change a few things up and try submitting again.
          × Well done! You successfully read this important alert message.
          × Heads up! This alert needs your attention, but it's not super important.

          小优视频_小优视频app下载_小优视频下载

                  
          <img src="..." class="img-rounded">
          <img src="..." class="img-circle">
          <img src="..." class="img-polaroid">
          

          小优视频_小优视频app下载_小优视频下载

          <div class="progress">
          <div class="bar"
          style="width: 60%;"></div>
          </div>

          小优视频_小优视频app下载_小优视频下载


          小优视频_小优视频app下载_小优视频下载

          The pager component is a set of links for simple pagination implementations with light markup and even lighter styles. It's great for simple sites like blogs or magazines.

          Pager links also use the general .disabled class from the pagination.

          <ul class="pager">
            <li>
              <a href="#">Previous</a>
            </li>
            <li>
              <a href="#">Next</a>
            </li>
          </ul>
          <ul class="pager">
            <li class="previous">
              <a href="#">&larr; Older</a>
            </li>
            <li class="next">
              <a href="#">Newer &rarr;</a>
            </li>
          </ul>

          小优视频_小优视频app下载_小优视频下载

          Get a little fancy with your tables by adding zebra-striping—just add the .table-striped class.

          <table class="table table-striped">
          </table>
          # First Name Last Name Username
          1 Mark Otto @mdo
          2 Jacob Thornton @fat
          3 Larry the Bird @twitter