引导程序，页脚上方的按钮 [英] bootstrap, button above footer

问题描述

我想在导航栏上方放置2个按钮（请参阅下面的链接）

http：/ /postimg.org/image/o0dga8wux/ [ ^ ]



这是我的代码：

i wanted to put 2 buttons just above the navbar (see the link as below)
http://postimg.org/image/o0dga8wux/[^]

this is my code:

<form id="form1"  runat="server">
        <div>some content</div>
        <nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">            
            <div class="container">
                <div class="container-fluid" style="color:white">
                    footer
                </div>
            </div>
        </nav>
</form>

我该怎么做？请指导我，我是新的bootstraps

how can i do that? please guide me, im new to bootstraps

推荐答案

<!-- FOOTER -->
<button type="button" class="btn btn-success pull-right">Success</button>
<button type="button" class="btn btn-success pull-right">Success</button>

<div style="clear:both"></div>
<footer style="border:1px solid blue">
  <p class="pull-right"><a href="#">Back to top</a></p>
  <p>&copy; 2014 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
</footer>

这只是一个例子。阅读bootstrap文档，因为它提供了完成大多数任务的绝佳方法。如果您刚刚开始，我建议您使用他们的模板/示例进行构建和修改，如您所愿。我所包含的代码不合适，因为样式应该在css文件中而不是内联，这只是为了简洁而突出显示内容所在的位置。您将需要进行一些操作以获得您想要的按钮。尝试一下，看看会发生什么......

This is just an example. Read the bootstrap documentation as it gives excellent ways to accomplish most anything. If you are just beginning I recommend using their templates/examples to build upon and revise as you want them to look. The code I have included is not proper as the styling should be inside a css file instead of in-line which is only shown for brevity and highlighting where stuff is at. You will have to do a little manipulation to get your buttons as you want them. Try stuff and see what happens...

这篇关于引导程序，页脚上方的按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！