Sass-bootstrap integration with Vaadin

Flow
1

I have complete knowledge of SPRING, GWT, CSS and others. Trying to see Vaadin can help in speeding of development process and achieve the same.
I am really struggling with creating layout. I am using sass-twitter-bootstrap frame work.

Wanted to create simple layout like below. I have all corresponding css in theme folder.
http://alademann.github.io/sass-bootstrap/examples/navbar/
How do I start?

  1. Create vertical layout
  2. How do I set below tags to layout?
<!-- Static navbar -->
<div class="navbar">
<div class="container">
  1. If I add new widgets in Vaadin, how do I use css tags?
    Please help with some pointers, so that I can start working.
    Shiva.
2

This should do the trick:
CssLayout container = new CssLayout();
container.addStyleName(“container”);
CssLayout navbar = new CssLayout();
navbar.addStyleName(“navbar”);
container.addComponent(navbar);