Once we have imported Bootstrap CSS, we can use Bootstrap classes and styles. It is just the same as writing code in HTML, that is, <input class="btn btn-primary"/>. You can find the complete guide on Bootstrap's website (http://twitter.github.com/bootstrap/base-css.html).
Let's take button for example:
import stdlib.themes.bootstrap
function page(){
<div style="margin:5px">
<button class="btn btn-large">Large Button</button>
<button class="btn">Default Button</button>
<button class="btn btn-primary">Primary Button</button>
<button class="btn btn-small">Small Button</button>
<button class="btn btn-mini">Mini Button</button>
</div>
}
Server.start(Server.http,{title:"Opa Packt",~page})And that's it; it is quite simple to use Bootstrap's classes in Opa, the result looks as follows:
