درخواست راهنمایی برای طراحی با kendo و bootstrap

[toytown]

سلام دوستان عزیز

من asp.net mvc رو در حد ساختن یه سایت ساده یاد گرفتم اما تو قسمت طراحی layout مشکل دارم میخوام یه قالب خوب و شکیل با bootstrap , kendo ui طراحی کنم یه قالب ساده که یه عکس هدر داشته باشه زیر هدر یه منوی navigation bar cssشکیل و ساده قرار بدم بعد سایت رو دو یه سه ستونه کنم و مانند سایت http://www.dotnettips.info/ که پست های صفحه اولشو رو با یه عنوان خاص و تو یه کادر مربعی با گوشه گرد قرار میده منم این جور چیزی طراحی کنم اگه میشه بهم بگید ساده ترین راه واسه یادگیری انجام همچین پروژه ای چیه؟؟؟

[پیام حیاتی]

سلام با یادگیری html,css می تونید به راحتی این قالب رو پیاده سازی کنید اما اینکه چطور در Layout مربوط به MVC آن را import کنید رو باید در بخش mvc بپرسید.

[siros1983]

واسه ساختن مربع با حاشیه های گرد میتونید از border-radious استفاده کنید
واسه تقسیم یا همون دو ستونه کردن هم باز میتونید اون بخش یه div مستقل در نظر بگیرید و راحت این کار بکنید

البته اینا با html css فتم

[toytown]

یه نمونه کد ندارید که سه ستونه باشه با هدر و فوتر؟؟؟

[siros1983]

این کد چندوقت پیش نوشتم حالا شاید مشکل داشته باشه ولی ظاهرش که درسته


<div id="wrapper">

<div id="header"></div>
<div id="content">
<div id="sidebar-left"></div>
<div id="main"></div>
<div id="sidebar-right"></div>
</div>


<div id="footer"></div>


</div>




body{
direction:rtl;
}

#wrapper{
width:800px;
background-color:#ccc;
margin:auto;
}

#header{
background-color:blue;
height:151px;
}

#content{
background-color:red;
overflow:hidden;
}

#main{
background-color:gray;
height:400px;
float:left;
}

#sidebar-right{
background-color:orange;
height:500px;
width:150px;
float:right;
}

#sidebar-left{
background-color:green;
height:500px;
width:150px;
float:left;
}

#footer{
clear:both;
background-color:black;
height:151px;
}