Question

I have some issues to fit my webpage as i would like using the bootstap scaffolding.

I am using the fluid layout in order to build a simple page, with the menu on the left and the content on its right.

I get 2 issues trying to do this:

1. There is no space between my both main containers.
2. Can we use the scaffolding inside our both containers (there is some code bellow) ? Or do we have to use the floats inside the <div class="2"> and <div class="10"> ?

Here is my code

  <div class="container-fluid">
    <div class="row-fluid">

      <script type="text/template" id="sidebar-template">
        ****** SIDE BAR ******
      </script>
      <div class="span2">
        <div id='sidebar-container'></div>
      </div>

      <script type="text/template" id="content-template">
        <p>****** CONTENT ******</p>
      </script>
      <div class="span10">
        <div id='content-container'></div>
      </div>
    </div>
  </div>

Here are 3 screenshot of my first issue.

Side bar
Content
Container

Thanks.

Answer 1

I see the expected left margin between the main containers when viewing your code (see fiddle below). Are you overriding it somewhere?
Also, you should add another row-fluid inside of your span to use scaffolding within an existing row.

jsFiddle
Bootstrap example of nested scaffolding (view source)

EDIT
Your content is outside of the container divs. Try this:

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2">
            <div id='frontend-header-container'>
                <script type="text/template" id="frontend-header-template">
                    ****** SIDE BAR ******
                </script>
            </div>
        </div>
        <div class="span10">
            <div id='home-container'>
                <script type="text/template" id="home-template">
                    <p>****** CONTENT ******</p>
                </script>
            </div>
        </div>
    </div>
</div>