ember-bootstrap

API Docs 0.11.3.33c7ec07

Components.Navbar Class

public
Uses
Extends Ember.Component
Defined in: addon/components/bs-navbar.js:5

Component to generate bootstrap navbars.

Usage

Used in combination with the following components:

{{#bs-navbar}}
  <div class="navbar-header">
    {{#bs-navbar-toggle}}
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    {{/bs-navbar-toggle}}
    <a class="navbar-brand" href="#">Brand</a>
  </div>
  {{#bs-navbar-content}}
    {{#bs-navbar-nav}}
      {{#bs-nav-item}}{{#link-to "alert"}}Alert{{/link-to}}{{/bs-nav-item}}
      {{#bs-nav-item}}{{#link-to "button"}}Buttons{{/link-to}}{{/bs-nav-item}}
      {{#bs-nav-item}}{{#link-to "dropdown"}}Dropdown{{/link-to}}{{/bs-nav-item}}
      {{#bs-nav-item}}{{#link-to "forms"}}Forms{{/link-to}}{{/bs-nav-item}}
      {{#bs-nav-item}}{{#link-to "accordion"}}Accordion{{/link-to}}{{/bs-nav-item}}
      {{#bs-nav-item}}{{#link-to "collapse"}}Collapse{{/link-to}}{{/bs-nav-item}}
      {{#bs-nav-item}}{{#link-to "modal"}}Modals{{/link-to}}{{/bs-nav-item}}
      {{#bs-nav-item}}{{#link-to "progress"}}Progress bars{{/link-to}}{{/bs-nav-item}}
      {{#bs-nav-item}}{{#link-to "navs"}}Navs{{/link-to}}{{/bs-nav-item}}
      {{#bs-nav-item}}{{#link-to "navbars"}}Navbars{{/link-to}}{{/bs-nav-item}}
    {{/bs-navbar-nav}}
  {{/bs-navbar-content}}
{{/bs-navbar}}

Navbar styles

The component supports the default bootstrap navbar styling options "default" and "inverse" through the type property. Bootstrap navbars do not currently support justified nav links, so those are explicitly disallowed.

Other bootstrap navbar variations, such as forms, buttons, etc. can be supported through direct use of bootstrap styles applied through the class attribute on the components.

Show:

Item Index

Properties

Properties

classTypePrefix string

protected

Inherited from Mixins.TypeClass: addon/mixins/type-class.js:11

Prefix for the type class, e.g. "btn" for button type classes ("btn-primary2 etc.)

collapsed boolean

protected

Defined in addon/components/bs-navbar.js:70

Manages the state for the responsive menu between the toggle and the content.

Default: true

fluid boolean

public

Defined in addon/components/bs-navbar.js:80

Controls whether the wrapping div is a fluid container or not.

Default: true

position String

public

Defined in addon/components/bs-navbar.js:90

Specifies the position classes for the navbar, currently supporting none, "fixed-top", "fixed-bottom", and "static-top". See the bootstrap docs for details.

Default: null

type String

public

Inherited from Mixins.TypeClass: addon/mixins/type-class.js:29

Property for type styling For the available types see the [Bootstrap docs](http://getbootstrap.com/css/#buttons-options) (use without "btn-" prefix)

Default: 'default'

Classes