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.
git clone git://github.com/xsokev/Dojo-Bootstrap.gitgit submodule initgit submodule update- Point your browser to test/index.html
- Add dojo sdk under the vendor folder or add a symbolic link to the dojo sdk under the vendor folder
See examples in test/test_*.html
<!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>
- Dojo-Bootstrap Website with examples for all the modules
- Dojo Reference Guide (latest release version)
- Dojo Reference Guide (Dojo trunk)
- Twitter Bootstrap
Dojo Bootstrap is licensed under the Apache License 2.0