Bootstrap Navbar Ruby on Rail、图像和文本链接

Question

对 Ruby on Rails 完全陌生，但我找不到答案，可能是因为我使用了错误的关键字，但无论如何：

我正在尝试设置导航栏，如果我实现 36 像素高的徽标，按钮/文本链接将停留在页面顶部，并且该容器不会拉伸。

我使用了以下标题：

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">

             <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>

          <a class="brand" href="/"> <img src="assets/appiclife.png"></a>


               <div class="nav-collapse">
                    <ul class="nav">

                        <li>
                            <%= link_to 'Home',  root_path %>
                        </li>
                        <li>    
                            <%= link_to 'About',  about_path %>
                        </li>
                    </ul>
                    <ul class="nav pull-right">
                                <li><%= link_to 'Login',  '#' %></li>
                    </ul>
                </div>
        </div>
    </div>
</div>

看起来像这样：

如何使这些链接居中并拉伸它们所在的容器？

Answer 1

我想通了，我需要将它添加到 pages.css：

.navbar .nav > li > a {
      padding:15px 10px 15px
    }