title: Using Dart and Bootstrap
body: <p>I'm experimenting with Dart and am now trying to use <a href="http://getbootstrap.com/" rel="nofollow noreferrer">Bootstrap</a> for its CSS framework. When I download the latest version of Bootstrap (currently 3.0.3), it has the following file structure:</p>
  
  <pre><code>├── css
  │   ├── bootstrap.css
  │   ├── bootstrap.min.css
  │   ├── bootstrap-theme.css
  │   └── bootstrap-theme.min.css
  ├── fonts
  │   ├── glyphicons-halflings-regular.eot
  │   ├── glyphicons-halflings-regular.svg
  │   ├── glyphicons-halflings-regular.ttf
  │   └── glyphicons-halflings-regular.woff
  └── js
      ├── bootstrap.js
      └── bootstrap.min.js
  </code></pre>
  
  <p><strong>(1) Where do I put all these files, and how do I access them from inside BOTH my Dart source and HTML files?</strong> For example, say I want to dynamically change the DOM from inside a Dart file, and add a Bootstrap class to an element - what would this look like? And if I just wanted to give an HTML element a Bootstrap class (inside a .html file), what would this look like?</p>
  
  <p>I <em>assume</em> I might need a Dart project with a package structure <em>something</em> like this:</p>
  
  <pre><code>MyDartApp/
      web/
          myapp.dart
      asset/
          bootstrap/
              css/
                  bootstrap.css
                  bootstrap.min.css
                  bootstrap-theme.css
                  bootstrap-them.min.css
              fonts/
                  glyphicons-halflings-regular.eot
                  glyphicons-halflings-regular.svg
                  glyphicons-halflings-regular.ttf
                  glyphicons-halflings-regular.woff
              js/
                  bootstrap.js
                  bootstrap.min.js
  </code></pre>
  
  <p>But having such little experience with both Dart and Bootstrap, not sure if I am missing anything big. Obviously, I need to package the Bootstrap files in such a way that the <code>asset/</code> URLs in my Dart/HTML files can access them before/after running <code>pub build</code>.</p>
  
  <p><strong>(2) Also, can I just use the <code>min</code>-version of each CSS/JS file (<code>bootstrap.min.js</code> instead of <code>bootstrap.js</code>, etc.)?</strong></p>