Jade ♥ Bootstrap Snippets for bootstrap in jade format

Vertical full-wide form

form(role="form")
    div.form-group
        label(for="email") Email address
        input#email.form-control(type="email", placeholder="Enter email")

Inline form

form.form-inline(role="form")
    div.form-group
        label.sr-only(for="email") Email address
        input#email.form-control(type="email", placeholder="Enter email")
    button.btn.btn-default(type="submit) Submit

Horizontal form

form.form-horizontal(role="form")
    div.form-group
        label.col-lg-3.control-label(for="email") Email address
        div.col-lg-9
            input#email.form-control(type="email", placeholder="Enter email")
    div.form-group
        div.col-lg-offset-3.col-lg-9
            div.checkbox
                label
                    input(type="checkbox")
                    | Remember me
    div.form-group
        div.col-lg-offset-3.col-lg-9
            button.btn.btn-default(type="submit) Submit

Regular and disabled links

div.dropdown
    ul.dropdown-menu(role="menu")
        li(role="presentation")
            a(href="#", role="menuitem", tabindex="-1") Regular link
        li.disabled(role="presentation")
            a(href="#", role="menuitem", tabindex="-1") Disabled link

Link, header and divider

div.dropdown
    ul.dropdown-menu(role="menu")
        li.dropdown-header(role="presentation") Header
        li(role="presentation")
            a(href="#", role="menuitem", tabindex="-1") Regular link
        li.divider(role="presentation")

Just group

div.btn-group
    button.btn.btn-default(type="button") Left
    button.btn.btn-default(type="button") Middle
    button.btn.btn-default(type="button") Right

Group with toolbar

div.btn-toolbar
    div.btn-group
        button.btn.btn-default(type="button") Button

Small vertical group

div.btn-group-vertical.btn-group-sm
    button.btn.btn-default(type="button") Left
    button.btn.btn-default(type="button") Middle
    button.btn.btn-default(type="button") Right

Justified group

div.btn-group.btn-group-justified
    button.btn.btn-default(type="button") Left
    button.btn.btn-default(type="button") Middle
    button.btn.btn-default(type="button") Right

Let's go

div.btn-group
    button.btn.btn-default.dropdown-toggle(type="button", data-toggle="dropdown")
        | Action
        span.caret
    ul.dropdown-menu(role="menu")
        li
            a(href="#") Action
        li.divider
        li
            a(href="#") Another action

Split & large button dropdown

div.btn-group
    button.btn.btn-default.btn-lg(type="button") Action
    button.btn.btn-default.btn-lg.dropdown-toggle(type="button", data-toggle="dropdown")
        span.caret
    ul.dropdown-menu(role="menu")
        li
            a(href="#") Action
        li.divider
        li
            a(href="#") Another action

Dropup

div.btn-group.dropup
    button.btn.btn-default.dropdown-toggle(type="button", data-toggle="dropdown")
        | Dropup
        span.caret
    ul.dropdown-menu(role="menu")
        li
            a(href="#") Action

Markup

ul.nav.nav-tabs
    li
        a(href="#", data-toggle="tab") Tab