Giter VIP home page Giter VIP logo

bootstrap-for-ember's Introduction

For new rich set of UI components look at Ember Components

Bootstrap for Ember

Bootstrap for Ember.js is a collection of UI components based on Twitter Bootstrap v3 for Ember.js

Bootstrap for Ember goes much further than using plain Bootstrap by providing extra functionality by leveraging the power of Ember.

With the power of Ember.js and the beauty of Bootstrap, expect interactive, clean, lightweight, powerful and most importantly very easy to use components. In fact, using the components is usually much easier and shorter than using Bootstrap as is, see showcase!

ShowCase

A picture is worth a thousand words

Bootstrap for Ember ShowCase

For forms components, take a look at Ember Forms project

Why?

Because Bootstrap is awesome but using it as is for Ember apps makes code dirty as the interaction with Controllers or other Ember components requires code wiring.

This project is heavily based on Ember Components, which makes the usage of the components fun and doesnt ruin the simplicy of Bootstrap usage at all,

Important!

This project is under AGGRESSIVE development and changes constantly, if you find it interesting, we suggest you to watch it or visit often to see the new stuff, and if you like it, star it :-)

Quotes

Also, http://t.co/NtqRMNtsA4 (Bootstrap for #emberjs using components) is kind of awesome!

โ€” Yehuda Katz (@wycats) August 31, 2013
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

Usage

Installation

Simply copy the 'dist' folder to your project or use Bower:

bower install ember-addons.bs_for_ember --save

Configuration

Include files in your project

  • You must include the bs-core.min.js file before any other JS components files, this is the minimal core file of the library.
  • Then include one or more JS components in your project, see the /dist/js folder for the component list.

Note: You still need to include the bootstrap css file, but you don't need to include any bootstrap JS files.

Dependencies

  • Bootstrap 3 css.
  • Fontawesome 4.
  • Ember.js 1.3.1 or higher.

Step by Step

For step by step instructions, see Hello World - Step by Step

Thats all, happy coding!

Community

License

Standard Apache2, see LICENSE.

bootstrap-for-ember's People

Contributors

asaf avatar bg451 avatar calvinmetcalf avatar craigsdennis avatar csprocket777 avatar danshapir avatar duereg avatar ember-addons avatar g-cassie avatar gucki avatar hontas avatar huafu avatar karlguillotte avatar knownsubset avatar landonwilkins avatar lucaspottersky avatar marshall-lee avatar mattmazzola avatar mspisars avatar obeleh avatar patricklx avatar scottatron avatar simonihmig avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.