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

我是一位新用户，在网络编程领域是一名初学者。通过引导将登录按钮移动到右侧

我刚开始使用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">

来源

2015-08-09 Adam.Biczo

它应该是“上拉看正确“而不是”btn-pull-right“ –

这就是解决方案！太好了谢谢！ –

在你的CSS：

创建一个类（signinbtn的为例），并把它的位置是：绝对的。像这样：

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

那么你的类添加到BTN：像这样：

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

来源

2015-08-09 12:04:46

感谢您花时间解决此问题，但效果不佳，因为您的代码将整个网站拉到一起，我不希望它看起来像那样。我想使用网站的整个widht。 –

亚当，如果你想使用引导程序使用站点的整个宽度，你必须使用容器流体和列系统（col-xs，col-lg等）。放置一个绝对div并不会拉动整个页面如果这样做，那是因为你做错了什么。你必须给我们的CSS和整个页面的HTML代码。并阅读引导文档 –

我看，这可能更合理。谢谢！ –

的btn-pull-right应该只是pull-right，因为你可以从Bootstrap site

来源

2015-08-09 12:09:58

谢谢，问题已经通过删除“pull-right”之前的“btn”段解决。 –

@ Adam.Biczo是的。我不知道你是否知道这个网站的工作原理，但是一旦你选择了一个适合你的问题并且是解决方案的答案，你可以按下打勾并将其标记为正确的答案。 –

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

回答

相关问题