Bootstrap Test

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script>
<body>
 	
<div id="container" class="container hfeed site"> 

  <!-- Header -->
  <div class="row">
    <div class="col-12 col-sm-12 col-lg-12">
      <div id="header" role="banner">
        <p>header</p>
      </div> <!-- Ende header -->
    </div> <!-- Ende col-xy -->
  </div> <!-- Ende row -->

  <!-- Menu -->
  <div class="row">
    <div class="col-12 col-sm-12 col-lg-12">
      <div id="nav" class="navigation">
        <p>navbar</p>
      </div> <!-- Ende nav -->
    </div> <!-- Ende col-xy -->   
  </div> <!-- Ende row -->

  <!-- Breadcrumb -->
  <div class="row">
    <div class="col-12 col-sm-12 col-lg-12">
      <div id="breadcrumb">
        <p>breadcrumb</p>      
      </div> <!-- Ende breadcrumb -->
    </div> <!-- Ende col-xy -->
  </div> <!-- Ende row -->
  
  <!-- Content-Wrapper -->
  <div class="row">
    <div class="col-12 col-sm-12 col-lg-12">
      <div id="wrapper" class="site-main">
  
        <div class="row">
          <div class="col-12 col-sm-3 col-lg-3">
            <div id="sidebar-left">
            
              <!-- Sidebar-Box-oben -->
              <div class="row">
                <div class="col-12 col-sm-12 col-lg-12">
                  <div id="sidebar-o">      
        
                    <p>sidebar-o</p>
                      
                    <div id="social-icons">
                      <p>social</p>
                    </div> <!-- Ende social-icons -->          
                  
                  </div> <!-- Ende sidebar-oben -->
                </div> <!-- Ende col-xy -->  
              </div> <!-- Ende row -->
              
              <!-- Sidebar-Box-unten -->
              <div class="row">
                <div class="col-12 col-sm-12 col-lg-12">
                  <div id="sidebar-u">
                   ...

CSS

@charset "utf-8";
/* CSS Document */

body {
	background-color:#CCC;
}
#container {
	max-width:960px;
	-moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);	
	box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
	background-color: #FFF;
}

#footer {
	background-color:#000;
	color:#FFF;
}
#header {
	background-color:#0F0;
	height: 100px;
}
#nav {
	height: 20px;
	background-color:#666;
}
#breadcrumb {
	height: 20px;
	background-color:#069;
}
#sidebar-o {
	height:50px;
	background-color: #03C;
	margin-bottom:20px;
}
#sidebar-u {
	height:50px;
	background-color: #C93;
}
#content {
	background-color: #0FF;
}
#totop {
	height: 20px;
	background-color:#069;
}