通过bootstrap将登录按钮移动到右侧

时间:2015-08-09 11:57:31

标签: html twitter-bootstrap

我是这里的新用户,也是生活中网络编程领域的初学者。

我刚刚开始使用bootsrap创建自己的网站,并且无法通过指向btn-pull-right命令的导航栏上方的登录网站链接移动登录按钮。如何将登录按钮移动到剧本的右侧,以便登录站点的链接也能正常运行?这是我的代码:

<body>         
    <div class="container" id="topContent">             
    <a class="btn btn-default btn-pull-right" href="../probe/signin.html" role="button">Sign in</a>         
    </div>         
    <nav class="navbar navbar-default navbar">             
    <div class="container-fluid">                 
    <div class="navbar-header">

2 个答案:

答案 0 :(得分:0)

在你的css中:

创建一个类(例如,例如signinbtn)并将其放在position:absolute上。如此:

.signinbtn {
position: absolute;
top: 10px;
right 10px;
}

然后将你的类添加到btn:as so:

<a class="btn btn-default btn-pull-right signinbtn" href="../probe/signin.html" role="button">Sign in</a> 

答案 1 :(得分:0)

btn-pull-right应该只是pull-right,您可以从Bootstrap site

看到