Asp.net mvc Div引导定位

Asp.net mvc Div引导定位,asp.net-mvc,html,twitter-bootstrap,Asp.net Mvc,Html,Twitter Bootstrap,我对定位div有问题。我想展示我想要得到的东西的形象,但我没有足够的声誉来这样做。所以,我会这样解释: _____________________________________ | ____ | || img |名称价格| || | | | |说明添加到购物车| |_____________________________________| 这是我的代码: <div class="well"> <div

我对定位div有问题。我想展示我想要得到的东西的形象,但我没有足够的声誉来这样做。所以,我会这样解释:

_____________________________________ | ____ | || img |名称价格| || | | | |说明添加到购物车| |_____________________________________| 这是我的代码:

<div class="well">
    <div class="pull-left"><img src="@Url.Content("~/Content/Images/" + element.ProductId + ".jpg")" class="img-thumbnail" height="100" width="100" /></div>
    <div class="pull-left">
        <span class="pull-left">@Html.Label(element.Name) @element.Category</span>
        <span class="pull-right">@element.Price.ToString("C")</span>
    </div>
    <div class="pull-right">
        <span class="pull-left">@element.Description</span>
        <span class="pull-right">@Html.ActionLink("Do koszyka", "AddToCart", "Cart", new { element.ProductId, returnUrl = Request.Url.PathAndQuery }, new { @class = "btn btn-default" })</span>
    </div>
</div>
和html代码:

<div class="well">
    <div class="pull-left"><img src="/Content/Images/13.jpg" class="img-thumbnail" height="100" width="100" /></div>
    <div class="pull-left">
        <span class="pull-left"><label for="Dysk_SSD_Kingston_60GB_V300_SATA3">Dysk SSD Kingston 60GB V300 SATA3</label> Dyski SSD</span>
        <span class="pull-right">199,00 zł</span>
    </div>
    <div class="pull-right">
        <span class="pull-left">Kingston</span>
        <span class="pull-right"><a class="btn btn-default" href="/Cart/AddToCart?ProductId=13&amp;returnUrl=%2F">Do koszyka</a></span>
    </div>
</div>
这不是我想要的方式。我不知道该换什么。

你能检查一下吗。 我在井里插了一排。并在行中创建了一个引导3列网格

请查看下面提琴中的代码演示


如果它不起作用,让我们知道实际的问题是什么。告诉我们您试图解决的问题以及您的解决方案不起作用的原因。此外,如果你只使用前端部分,并为我们提供呈现的html而不是未分析的Razor视图,这会有所帮助?伟大的现在看起来真的很好,但是有没有可能把名字和价格放在同一水平上呢?现在就试试吧。移除右拉,真的不感兴趣。移除右拉不起作用,bootply.com/BuMrShadVw网站也不起作用谢谢回复!但Howewer的工作原理是低分辨率,在1920x1080中,所有元素都处于同一级别。
<div class="well">
<div class="row">
    <div class="col-xs-3 pull-left"><img src="/Content/Images/13.jpg" class="img-thumbnail" height="100" width="100" /></div>
    <div class="col-xs-6 pull-left">
        <span class="pull-left"><label for="Dysk_SSD_Kingston_60GB_V300_SATA3">Product Name goes here</span>
        <span class="pull-left">Product Description</span>        
    </div>
    <div class="col-xs-3 pull-right">

        <span >Price: 199,00 zł</span>
        <span><a class="btn btn-default" href="/Cart/AddToCart?ProductId=13&amp;returnUrl=%2F">Add to Cart</a></span>
    </div>
</div>