An implementation of the Twitter Bootstrap framework using Dojo.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
tests
.bowerrc
.gitignore
.gitmodules
.travis.yml
Affix.js
Alert.js
Button.js Fixes #106. Added call to blur May 21, 2014
Carousel.js
Collapse.js
Datepicker.js
Dropdown.js
Gruntfile.js
LICENSE
Marquee.js
Modal.js
Popover.js
README.md
Scrollspy.js
Support.js
Tab.js
Tooltip.js
Typeahead.js
bootstrap.js
bootstrap.profile.js
bower.json
composer.json
package.json travis/sauce configs Apr 27, 2015
secrets.json.sample

README.md

Build Status Sauce Test Status

Dojo-Bootstrap

An implementation of the excellent Bootstrap framework using the Dojo Toolkit. This project replaces the Bootstrap JavaScript components with AMD-compatible Dojo modules. Tested with Dojo 1.9.3 and Bootstrap 3.1.1.

Quick Start

  • git clone git://github.com/xsokev/Dojo-Bootstrap.git
  • Add the dojo sdk to vendor/dojo by running bower install.
  • Point your browser to http://host/path/to/Dojo-bootstrap/tests/index.html

Integration

See examples in test/test_*.html

In Brief

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>Dojo-Bootstrap</title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" href="path/to/bootstrap/styles.css">
        </head>
    
        <body>
            <button type="button" id="loading-button" class="btn btn-primary" data-loading-text="Loading...">Load</button>
        
            <script>
                var dojoConfig = {
                    async: 1,
                    packages: [
                        { name: "bootstrap", location: "path/to/Dojo-Bootstrap" }
                    ]
                };
            </script>
        
            <script type="text/javascript" src="path/to/dojo/dojo/dojo.js"></script>
    
            <script>
                require(["bootstrap/Button", "dojo/query"], function (Button, query) {
                    query("#loading-button").on("click", function(e){
                        query(e.target).button('loading');
                        setTimeout(function(){
                            query(e.target).button('reset');
                        }, 2000);
                    });
                });
            </script>
        </body>
    </html>

Tests

See the Tests wiki page for info on running and writing Dojo Bootstrap tests.

Useful resources

License

Dojo Bootstrap is licensed under the Apache License 2.0