我的目标是在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>
编辑我在这里看到了类似问题的一些例子,但有些使用自定义css,我想避免这种情况。我也在使用bootstrap!
答案 0 :(得分:2)
<div class="col-md-4"><img alt="100%x280" src="@Html.DisplayFor(modelItem => Model.ImgURL)" /></div>
这一行。将引导列从4
更改为5
或6
,以允许在右侧添加更多填充。这应该可以轻松解决您的问题。