I want to divide the web page area like the pic shown. I have tried this approach. To some extent it is right. Would appreciate to clear my doubts.
<div class="row">
<div class="col-md-8">
<div class="well">
<div class="row">
<div class="col-md-12"><div class="well">canvas</div></div>
</div>
<div class="row">
<div class="col-md-8"><div class="well">edit text</div></div>
<div class="col-md-4"><div class="well">Button</div></div>
</div>
</div>
</div>
<div class="col-md-4"><div class="well" >Control panel</div></div>
</div>