引导程序,页脚上方的按钮

时间:2014-03-18 01:26:14

标签: html css twitter-bootstrap

我想在导航栏上方放置2个按钮(请参阅下面的链接) http://postimg.org/image/o0dga8wux/

i62.tinypic.com/2r7lc2g.png

这是我的代码:

<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>

---------------用FIDDLE更新------------------

小提琴:http://www.bootply.com/122652

2 个答案:

答案 0 :(得分:1)

首先,请参阅按钮here上的官方文档。

你可以这样做:

<form id="form1"  runat="server">
        <div>some content</div>
        <button type="button" class="btn btn-default">Default</button>
        <button type="button" class="btn btn-primary">Primary</button>
        <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>

答案 1 :(得分:0)

你走了。

.buttons {
   position: relative;
   top: 0px;
   left: 410px;
}

使用此链接http://jsfiddle.net/4JAwZ/1/     DEMO