Html 引导响应-如何在调整窗口大小时将行强制到底部
我目前有一行6个按钮,每个按钮都在一个span2 div中,如下所示:Html 引导响应-如何在调整窗口大小时将行强制到底部,html,asp.net,css,asp.net-mvc,twitter-bootstrap,Html,Asp.net,Css,Asp.net Mvc,Twitter Bootstrap,我目前有一行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 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>
@if(Model.Property[0].VirtualTour!=null){
}
当前,当我调整窗口大小时,按钮出现在顶部,在任何内容(逐行)之前,如下所示:
按钮1
按钮2
按钮3
我只想知道是否有办法使用twitter引导程序强制在下面的内容之后开始这一行?任何帮助都将不胜感激。实际上,您可以通过根本不使用引导来实现这一点 只需将您的按钮行放在容器中,并按如下方式进行设置:
<style>
.buttons-wrap,
.content-wrap {
float:right;
}
</style>
<div class="content-wrap">
content here
</div>
<div class="buttons-wrap">
buttons code here
</div>
.按钮包装,
.内容包装{
浮动:对;
}
满足于此
按钮代码在这里
请注意按上述顺序排列。调整浏览器大小时,为什么要在内容之后显示导航?最好先将导航放在顶部,这样访问者就不必滚动浏览所有内容就可以访问导航栏,如果导航栏位于顶部,他们只需在加载的第二次点击即可。这不是导航栏。这些只是出现在导航栏和下面的内容(由属性信息组成)之间的按钮。我只需要知道如何将这些推到底部,因为我希望移动访问者先查看属性信息,然后再决定点击一个底部。考虑在页面底部还有一个相同的按钮容器div,以及样式:<代码>显示:没有。代码>。然后,使用媒体查询,根据需要使两个div中的一个可见。是的,这就是我最终决定要做的。谢谢srvikram13。