Кнопки с иконками

Вы можете добавить иконки из  249 available icons to any choosen buttons. See some example below:

button icon cog button icon heart button icon camera
  1. href="your link" class="btn |button type|"> class="icon-|icon name|"> Your button text

Больше вариантов

Wrap a series of buttons with .btn in .btn-group

  1. class="btn-group"> class="btn btn-primary">primary class="btn btn-success">success class="btn btn-inverse">warning
  • Button sizes

    There are 5 button sizes: mini, small, normal, medium and large

    mini size small size normal size Medium size Large size

    Button edge

    There are 3 button edge variations: normal, rounded and flat. Simply adding btn-rounded or btn-flat class and you'll get different button edge

    normal primary rounded button flat button normal button rounded button flat button

    Tab

    Augue iriure dolorum per ex, ne iisque ornatus veritus duo. Ex nobis integre lucilius sit, pri ea falli ludus appareat. Eum quodsi fuisset id, nostro patrioque qui id. Nominati eloquentiam in mea.

    No eum sanctus vituperata reformidans, dicant abhorreant ut pro. Duo id enim iisque praesent, amet intellegat per et, solet referrentur eum et.

    Tale dolor mea ex, te enim assum suscipit cum, vix aliquid omittantur in. Duo eu cibo dolorum menandri, nam sumo dicit admodum ei. Ne mazim commune honestatis cum, mentitum phaedrum sit et.

    Cu cum commodo regione definiebas. Cum ea eros laboramus, audire deseruisse his at, munere aeterno ut quo. Et ius doming causae philosophia, vitae bonorum intellegat usu cu.

    Alerts

    Success! Best check yo self, you're not looking too good.
    Danger! Best check yo self, you're not looking too good.
    Warning! Change a few things up and try submitting again.
    Info! Change a few things up and try submitting again.

    Progress bars

    60% Complete
    40% Complete
    45% Complete
    35% Complete (success)
    20% Complete (warning)
    10% Complete (danger)

    Pagination

    Links are customizable for different circumstances. Use .disabled for unclickable links and .active to indicate the current page.

    1. class="pagination">
        class="disabled"> href="#">Prev class="active"> href="#">1
      • href="#">2
      • href="#">3
      • href="#">Next