مشکل با نمایش یک لیست

[helpsos]

سلام به همه
دوستان می خواستم لیستی مثل این درست کنم که نمی دونم چرا اطلاعات را خارج از Div نمایش می ده:
این خروجی رو بهم میده :
126589
من از کدهای زیر برای ایجاد اون استفاده کرده ام ولی نمیدونم که چرا اینطوری شده:
کد های ویو:


@foreach (var item in Model)
{
<div class="col-md-2 col-lg-2 thumbnail text-center" style="margin-left:8px;">
<div>
<img src="@item.Pic" alt="@item.Name" style="width:150px;height:180px;" class="img-responsive center-block kadrkochak" />
<div class="well caption">
<h4>@item.Name</h4>
<br />
<h5>@item.Activity</h5>
<br />
<span class="btn btn-info">بیشتر ...</span>
</div>
</div>
</div>
}
<br />
<div class="alert alert-info">
<ul class="ulEmpty">
<li>
برای کسب اطلاعات و اشنایی بیشتر درباره افراد می توانید بر روی دکمه ی
<span class="btn btn-info">بیشتر ...</span>
متعلق به هر فرد کلیک نمایید
</li>
</ul>
</div>

[RIG000]

شما اینو فکر کنم تو \ارشیال ریختی . از اونور این پارشیال رو داری یه جا رندر میکنی و نشون میده. الان این دایو که میگی تو این کد ها نیست و جای دیگه هستش که این کدت اونجا داره داخلش نمایش داده میشه. و فکر کنم اونجا شما heghit رو ثابت دادی

[helpsos]

اون Div توی فایل _Layout است و من هیچ height برای اون ست نکردم و این رو هم بگم که توی همه ی ویو ها و پارشال ها درست کار می کنه و فقط اینجا به مشکل خوردم

[r4hgozar]

این ربطی به پارشیان نداره.
اگه از float:left درست استفاده کنین و یا اینکه position رو inline یا relative بزنین درست میشه.
باید استایل هاتون رو دید تا متوجه بشیم.
اگه از float استفاده می کنین هم دایو مادر و هم دایو های فرزند باید از flaot استفاده کنن

[RIG000]

<div class="col-md-2 col-lg-2
میدونم چی میگی. اما شما اصلا" ریز به موضوع نگاه کنیم میبینیم که شما col-md-2 زدی ... بقیه رو با چی ست کردی؟!!! ببین کل این foreach رو بذار تو یه div و بهش row بده ...حالا داخل این row فکر نکنم شما کنار این چیزی بخای نشون بدی که !! که col-md-2 دادی ... اینو کلا بده col-md-12 و سپس اما قیلش یه row باید بزنی.... و بعدش اینو بذاری داخلش... یعنی یه row که کل foreachرو گرفته بود و حالا داخل forech یه row بزن و div ای که داخل foreach داری رو که همونیه بالا نوشتی رو بذارداخلش و col-md-12 کنش. و col-lg-2 رو هم نمیخاد ....
برای div پایینی هم که
میشه این

<div class="alert alert-info">
<ul class="ulEmpty">
<li>
برای کسب اطلاعات و اشنایی بیشتر درباره افراد می توانید بر روی دکمه ی
<span class="btn btn-info">بیشتر ...</span>
متعلق به هر فرد کلیک نمایید
</li>
</ul>
</div>

یه div یه row و یهdiv یه col-md-12 بزن و سپس این دایو بالا رو بذار داخلش.
یعنی در کل
دایو کلاس رو
دایو کلاس رو
foreach
دایو کلاس کول
--- مقداری که از مدل میاد
دایو کلاس کول پایان
دایو کلاس رو پایان
بی ار
دایو کلاس رو
دایو کلاس کول
alert که میخاستی نشون بدی ....
دایو کلاس کول پایان
دایو کلاس رو پایان
دایو کلاس رو پایان
باید بر این اساس باشه. تو لایوتتم مختصات بهش نده به اون دایوی که حرفش رو میزدیم و ندیدیمش. هر چی شد لطفا" تصویر بگیر بذار ببینم به کجا رسیده.

[helpsos]

ممنون از همه
کدها به صورت زیر در اومد تا خروجی دلخواه تولید شد:


<div class=" text-center">
<div class="row floatRight " style="padding-right:20px;">
@foreach (var item in Model)
{
<div class="thumbnail text-center col-md-2 col-lg-2 col-sm-3 col-xs-11" style="margin:15px 10px;">
<img src="@item.Pic" alt="@item.Name" style="width:150px;height:180px;" class=" center-block kadrkochak" />
<div class="well caption">
<h4>@item.Name</h4>
<h5>@item.Activity</h5>
@Html.ActionLink("بیشتر ...", MVC.Famous.ActionNames.Details, MVC.Famous.Name, new { id = item.MafakherID, name = item.Name }, new { @class = "btn btn-info" })
</div>
</div>
}
</div>

<br />
<div class="row">
<div class="alert alert-info " style="display:inline-block; ">
<ul class="ulEmpty">
<li>
برای کسب اطلاعات و آشنایی بیشتر با افراد می توانید بر روی دکمه ی
<span class="btn btn-info">بیشتر ...</span>
متعلق به هر فرد کلیک نمایید
</li>
</ul>
</div>
</div>

</div>



و خروجی شد :
126630
RIG000خروجی کدهایی که شما نوشته بودبد شد :
126631
که جالب نبود و با ور رفتن شد نتیجه بالا که راضی کننده بود

[RIG000]

شما از bootstraprtl چرا استفاده نمیکنی؟