Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
An implementation of the Twitter Bootstrap framework using Dojo.
JavaScript Perl
branch: master

This branch is 3 commits ahead, 120 commits behind xsokev:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
assets
tests
.gitignore
.gitmodules
Affix.js
Alert.js
Button.js
Carousel.js
Collapse.js
Datepicker.js
Dropdown.js
LICENSE
Marquee.js
Modal.js
Popover.js
README.md
Scrollspy.js
Support.js
Tab.js
Tooltip.js
Typeahead.js
bootstrap.profile.js
package.json

README.md

Dojo-Bootstrap

An implementation of the excellent Twitter Bootstrap framework using the Dojo Toolkit. This project replaces the Twitter Bootstrap Javascript components with AMD-compatible Dojo modules. Tested with Dojo 1.8 and Twitter Bootstrap 2.1.

Quick Start

  • git clone git://github.com/xsokev/Dojo-Bootstrap.git
  • git submodule init
  • git submodule update
  • Point your browser to test/index.html

Integration

See esamples 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>

Useful resources

License

Dojo Bootstrap is licensed under the Apache License 2.0

Something went wrong with that request. Please try again.