固定标题上的按钮显示

用户名

我正在使用引导固定的声音。我想添加一个用于注销的按钮。当我添加时,它在第二行翘曲。是否可以将anaywa移至固定听音的同一行,但最右端呢?

这是小提琴演示

<!-- Fixed navbar -->
  <div class="navbar navbar-default navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>            
      </div>
      <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#about">About</a></li>
          <li><a href="#contact">Contact</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Another action</a></li>
              <li><a href="#">Something else here</a></li>
              <li class="divider"></li>
              <li class="dropdown-header">Nav header</li>
              <li><a href="#">Separated link</a></li>
              <li><a href="#">One more separated link</a></li>
            </ul>
          </li>
        </ul>
      </div><!--/.nav-collapse -->
      <button type="button" class="btn btn-info col-md-1 col-md-offset-10">Log Out</button>                    
    </div>        
  </div>
施马尔齐

删除col-md类并添加navbar-btnnavbar-right另外,您需要将按钮移到nav-collapse

演示

<button type="button" class="btn btn-info navbar-btn navbar-right">Log Out</button>  

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

固定标题上的按钮显示

来自分类Dev

向下滚动时显示在固定标题上方的图像和文本

来自分类Dev

在固定表格标题上显示工具提示

来自分类Dev

滚动显示多个固定标题

来自分类Dev

滚动显示多个固定标题

来自分类Dev

停止在鸟眼下垂的主题上固定标题,并使徽标变大

来自分类Dev

固定标题消失

来自分类Dev

CSS固定标题

来自分类Dev

固定标题重叠

来自分类Dev

CSS固定标题

来自分类Dev

垂直固定标题

来自分类Dev

在面板标题上显示选定的单选按钮值

来自分类Dev

在面板标题上显示选定的单选按钮值

来自分类Dev

为什么按钮不显示(标题上的减号)?

来自分类Dev

向下滚动隐藏固定标题,向上滚动显示并悬停

来自分类Dev

codeigniter 在标题上显示图像

来自分类Dev

在标题上显示帖子标题

来自分类Dev

jQuery固定标头在滚动问题上下滑

来自分类Dev

ChildWindow(Silverlight)设计问题标题上的按钮

来自分类Dev

标题上的居中对齐按钮(并做出响应)

来自分类Dev

集线器控件中的固定标题

来自分类Dev

PyQt-组合框的固定标题

来自分类Dev

kendo UI忽略固定标题

来自分类Dev

防止图像与固定标题重叠

来自分类Dev

滚动时更改固定标题

来自分类Dev

固定标题隐藏内容顶部

来自分类Dev

在固定标题下抓取可变文本

来自分类Dev

滚动内容时如何固定标题

来自分类Dev

带有固定标题的组合框