Giter VIP home page Giter VIP logo

angular-bootstrap-seed-old's Introduction

angular-bootstrap-seed

This is my seed project for AngularJS apps with Bootstrap

How to setup env

git clone https://github.com/valkirilov/angular-bootstrap-seed.git

How to run server

Because of the problems with cross-origins on localhost you have to put your app on a server or just run simpple HTTP server on your machine. Run web-server.js placed in the scripts folder from the root of the project. Then navigate your browser to http://localhost:/app/index.html to see the app running in your browser.

user@machine:~/Documents/Dev/angular-bootstrap-seed: nodejs scripts/web-server.js PORT

How to enable internationalization

In this project is included angular-gettext module. To specify which strings have to be translated you just have to put translate attribute to this element. Here is a simple example:

<h1 translate>This is translatable heading</h1

Then you have to use Grunt to export and compile your strings. Once ecported you have to edit .pot file inside /app/po/ folder and sva there your .po files. To export and compile them just use grunt command

user@machine:~/Documents/Dev/angular-bootstrap-seed: grunt

How to setup template with Angular

Bootstrap templates are stored in app/templates and when you want to use one of the just get it's content and copy it in app/index-templated.html in the body. Some of the templates has additional stylesheets and you have to add it in the head part (they are named the same way as the template is).

Available templates with connected Bootsrap and Angular

  • Basic repo
  • Cover repo
  • all are supported but I am lazy to add them here in the README

angular-bootstrap-seed-old's People

Contributors

valkirilov avatar

Watchers

 avatar  avatar  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.