npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

bootstrap-for-ember

v0.7.1

Published

While this project is currently used in many production applications, we have decided to discontinue the development for the development of our new rich components available here: http://indexiatech.github.io/ember-components

Downloads

6

Readme

This project is deprecated, why?

While this project is currently used in many production applications, we have decided to discontinue the development for the development of our new rich components available here: http://indexiatech.github.io/ember-components

There are several advantaged for using Indexia Ember Components, some of them are:

  • Components were refactored and designed much better.
  • Components are Ember-Cli addons for easy integration.
  • Components are splitted into addons in order to avoid blowing up the app size with unneccessary bits.

For more info see: http://indexiatech.github.io/ember-components/#/overview

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

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

  • You can post issues in Github
  • Discussions: https://groups.google.com/forum/#!forum/bootstrap-for-ember

License

Standard Apache2, see LICENSE.