• 概念的逻辑结构设计

    概念设计

    Semibold 36px

    客房设计概念

    Semibold 30px

    概念结构设计阶段

    Semibold 24px

    概念设计文本

    Semibold 18px
    大堂设计概念
    Semibold 14px
    2016红点设计概念奖
    Semibold 12px
  • Buttons

    Default Primary Success Info Warning Danger

    Default Primary Success Info Warning Danger

    Default Primary Success Info Warning Danger

    Default Primary Success Info Warning Danger

    Default Primary Success Info Warning Danger
    Default Primary Success Info Warning Danger
  • Progress Bars

    Info with progress-bar-info class.

    Success with progress-bar-success class.

    Warning with progress-bar-warning class.

    Danger with progress-bar-danger class.

    Inverse with progress-bar-inverse class.

    Inverse with progress-bar-inverse class.

    35% Complete (success)
    20% Complete (warning)
    10% Complete (danger)
  • Pagination

  • Breadcrumbs

  • Badges

    Add modifier classes to change the appearance of a badge.

    Classes Badges
    No modifiers 42
    .badge-primary 1
    .badge-success 22
    .badge-info 30
    .badge-warning 412
    .badge-danger 999

    Easily highlight new or unread items with the .badge class

  • Default styles

    For basic stylinglight padding and only horizontal add the base class .table to any <table>.

    # First Name Last Name Username
    1 Mark Otto @mdo
    2 Jacob Thornton @fat
    3 Larry the Bird @twitter

    Add any of the following classes to the .table base class.

    Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-8).

    # First Name Last Name Username
    1 Mark Otto @mdo
    2 Jacob Thornton @fat
    3 Larry the Bird @twitter

    Add borders and rounded corners to the table.

    # First Name Last Name Username
    1 Mark Otto @mdo
    Mark Otto @getbootstrap
    2 Jacob Thornton @fat
    3 Larry the Bird @twitter

    Enable a hover state on table rows within a <tbody>.

    # First Name Last Name Username
    1 Mark Otto @mdo
    2 Jacob Thornton @fat
    3 Larry the Bird @twitter