我目前有一排 6 个按钮,每个按钮都在一个 span2 div 中,如下所示:
<div class="row">
<div class="span2">
<a href="@Url.Action("Contact", "Home")" class="detailsBtn"><i class="icon-eye-open icon-large"></i> Arrange a Viewing</a>
</div>
<div class="span2">
<a href="@Url.Action("Contact", "Home")" class="detailsBtn"><i class="icon-mobile-phone icon-large"></i> Request a Callback</a>
</div>
<div class="span2">
<a href="#" class="detailsBtn"><i class="icon-globe icon-large"></i> View Location Map</a>
</div>
<div class="span2">
<a data-lightbox="fp" href="@Model.Property[0].Floorplan&width=1500" class="detailsBtn"><i class="icon-file-alt icon-large"></i> View Floorplan</a>
</div>
<div class="span2">
<a href="@Model.Property[0].Brochure" target="_blank" class="detailsBtn"><i class="icon-file-text-alt icon-large"></i> View Brochure</a>
</div>
<div class="span2">
@if(Model.Property[0].VirtualTour != null) {
<a href="@Model.Property[0].VirtualTour" class="detailsBtn"><i class="icon-youtube-play icon-large"></i> Virtual Tour</a>
}
</div>
</div>
目前,当我调整窗口大小时,按钮出现在顶部,在任何内容之前(逐行),如下所示:
按钮 1 按钮 2 按钮 3 ..
我只需要知道是否有办法使用 twitter bootstrap responsive 强制此行在下面的内容之后开始?任何帮助将不胜感激。
最佳答案
实际上,您完全可以不使用 bootstrap 来实现这一点。
只需将您的按钮行放在一个容器中,并为其赋予以下样式:
<style>
.buttons-wrap,
.content-wrap {
float:right;
}
</style>
<div class="content-wrap">
content here
</div>
<div class="buttons-wrap">
buttons code here
</div>
小心按照提到的顺序排列它们。
关于html - Bootstrap Responsive - 调整窗口大小时如何强制行到底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19847237/