ブートストラップを使用して簡単なウェブサイトテンプレートを作成する方法は？

Question

誰かが私に、ブートストラップを使ってこの写真のようなものを作成する必要があるhtmlとCSSの簡単な例を教えてください。
website template like this image

私はウェブを検索しましたが、簡単な例は見つかりませんでした。 （asp.net mvcプロジェクトのブートストラップv3.3.7用）

Answer 1

ここはあなたのためのコードです、お楽しみください！

<div class="row"> 
HEADER 
</div> 

<div class="row"> 
    <div class="col-md-4"> 
    SIDEBAR 
    </div> 
    <div class="col-md-8"> 
    <div class="col-md-12"> 
    content1 
    </div> 
    <div class="col-md-12"> 
    content2 
    </div> 
    </div> 
</div> 

<div class="row"> 
FOOTER 
</div> 

Answer 2

これは完全で修正答えです：私はタグ内のコードのこれらの行を使用する必要があります

<div class="row"> 
 
    <div class="col-md-4"> HEADER </div> 
 

 
</div> 
 

 
<div class="row"> 
 
    <div class="col-md-4"> 
 
    SIDEBAR 
 
    </div> 
 
    <div class="col-md-8"> 
 
    <div class="col-md-12"> 
 
    content1 
 
    </div> 
 
    <div class="col-md-12"> 
 
    content2 
 
    </div> 
 
    </div> 
 
</div> 
 

 
<div class="row"> 
 
    <div class="col-md-4"> FOOTER </div> 
 
</div>