quickstart-angular2

    4.3.2 • Public • Published

    Angular-Bootstrap-with-Material-Design

    Angular Bootstrap with Material Design

    npm version

    Built with Angular 2, Bootstrap 4 and TypeScript. CLI version available. Absolutely no jQuery.

    400+ material UI elements, 600+ material icons, 74 CSS animations, TypeScript modules, SASS files and many more.

    All fully responsive. All compatible with different browsers.


    Demo:

    Main demo: https://mdbootstrap.com/angular/components/

    Version:

    • Angular CLI 1.2.6
    • Angular 4.3.x.

    How to install:

    • npm i angular-bootstrap-md --save
    • to app.module.ts add
    import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
    import { MDBBootstrapModule } from 'angular-bootstrap-md';
     
    @NgModule({
        imports: [
            MDBBootstrapModule.forRoot()
        ],
        schemas: [ NO_ERRORS_SCHEMA ]
    });
    • in angular-cli.json change:

    "styleExt": "css" to "styleExt": "scss"

    rename /src/styles.css to styles.scss

    • add below lines to angular-cli.json:
    "styles": [
        "../node_modules/font-awesome/scss/font-awesome.scss",
        "../node_modules/angular-bootstrap-md/scss/bootstrap/bootstrap.scss",
        "../node_modules/angular-bootstrap-md/scss/mdb.scss",
        "./styles.scss"
    ],
    • install external libs
    npm install -–save chart.js@2.5.0 font-awesome hammerjs

    Run server

    ng serve --open

    Getting started:

    http://mdbootstrap.com/angular/getting-started/

    5min Quick Start: https://mdbootstrap.com/angular/5min-quickstart/

    Additional tutorials:

    MDB - Bootstrap tutorial: https://mdbootstrap.com/bootstrap-tutorial/

    MDB - Wordpress tutorial: https://mdbootstrap.com/wordpress-tutorial/

    PRO version:

    Angular Bootstrap with Material Design PRO (from $79): https://mdbootstrap.com/product/angular-bootstrap-pro/

    Documentation:

    Huge, detailed documentation avilable online on: http://mdbootstrap.com/angular/

    Highlights:

    Bootstrap 4
    Up-to-date with the latest standards of Bootstrap 4 and all the best it has to offer.

    Angular CLI
    A command line interface handling all the tedious tasks for you out of the box.

    Detailed documentation
    Intuitive and user-friendly documentation, created with a copy-paste approach.

    No jQuery
    Writing you code with pure Angular is now quicker, easier, and cleaner.

    TypeScript
    Superset of JavaScript that compiles to clean JavaScript output.

    Angular 2, version 4.0.0
    Create smarter and faster Angular apps with the latest official Angular release.

    Cross-browser compatibility
    Works perfectly with Chrome, Firefox, IE, Safari, Opera and Microsoft Edge.

    Frequent updates
    Expect any bugs being fixed in a matter of days.

    Active community
    MDB is broadly used by professionals on multiple levels, who are ready to aid you.

    Modularity
    Use TypeScript modules to compile package adjusted yo your needs.

    Useful helpers
    Reduce the frequency of highly repetitive declarations in your CSS.

    Technical support
    Every day we help our users with their issues and problems.

    SASS files
    Thought-out .scss files come in a compile-ready form.

    Flexbox
    Full support of Flexbox layout system lets you forget about alignment issues.

    A big thank you to all our users who are working with us to improve the software. We wouldn't be where we are without you.

    Useful Links:

    Getting started: https://mdbootstrap.com/angular-bootstrap-getting-started/

    5 min quick start: https://mdbootstrap.com/angular/5min-quickstart/

    Material Design + Bootstrap Tutorial: https://mdbootstrap.com/bootstrap-tutorial/

    Material Design + WordPress Tutorial: https://mdbootstrap.com/wordpress-tutorial/

    Freebies: https://mdbootstrap.com/freebies/

    Premium Templates: https://mdbootstrap.com/templates/

    Social Media:

    Twitter: https://twitter.com/MDBootstrap

    Facebook: https://www.facebook.com/mdbootstrap

    Pinterest: https://pl.pinterest.com/mdbootstrap

    Google+: https://plus.google.com/u/0/b/107863090883699620484/+Mdbootstrap/posts

    Dribbble: https://dribbble.com/mdbootstrap

    LinkedIn: https://www.linkedin.com/company/material-design-for-bootstrap

    Contact:

    office@mdbootstrap.com

    Keywords

    none

    Install

    npm i quickstart-angular2

    DownloadsWeekly Downloads

    1

    Version

    4.3.2

    License

    none

    Last publish

    Collaborators

    • ascensus
    • smolenski-mikolaj
    • mdbootstrap
    • marlucz
    • fkappa
    • kwilk
    • aidzikowski
    • wojstan
    • gbujanski