重叠2个html元素

时间:2017-03-31 08:48:11

标签: html asp.net user-interface twitter-bootstrap-3 frontend

我的目标是在html中并排制作2个元素但是当我尝试这样做时,它们会稍微重叠。我在哪里失败?

 <div class="row">

 <div class="col-md-4"><img alt="100%x280" src="@Html.DisplayFor(modelItem => Model.ImgURL)" /></div>
 <div class="col-md-3"><span class="pull-right"><p>@Html.DisplayFor(modelItem => Model.Plot)</p><p>@Html.DisplayFor(modelItem => Model.Actors)</span></p></div>

enter image description here

编辑我在这里看到了类似问题的一些例子,但有些使用自定义css,我想避免这种情况。我也在使用bootstrap!

1 个答案:

答案 0 :(得分:2)

 <div class="col-md-4"><img alt="100%x280" src="@Html.DisplayFor(modelItem => Model.ImgURL)" /></div>

这一行。将引导列从4更改为56,以允许在右侧添加更多填充。这应该可以轻松解决您的问题。