Question

我到处寻找解决这个问题的方法，我作为最后的手段来到这里我无法让我的导航链接在我的rails 4应用程序中水平显示，我已经尝试了内联样式，外部样式表等。这段代码直接来自水平显示链接的源，所以我很困惑为什么我无法正确复制它。感谢。

这是我的应用程序布局文件：

<!DOCTYPE html>
<html>
<head>
<title>H4TF</title>
<%= stylesheet_link_tag "application", media: "all",
                                       "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
<%= csrf_meta_tags %>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-header">
    <div class="container">
      <%= link_to "H4TF", '#', id: "logo" %>
      <nav style="display:inline;">
        <ul class="nav pull-right">
          <li><%= link_to "About", controller: "welcome", action: "about", id:@about    %></li>
          <li><%= link_to "Store",    '#' %></li>
          <li><%= link_to "Blog", '#' %></li>
        </ul>
      </nav>
    </div>
  </div>
</header>
<div class="container">
  <%= yield %>
</div>

Answer 1

没有看到你的CSS，我只能想象你错过了什么。看看这个jsfiddle，你就会看到我如何能够横向显示列表。

这是CSS：

.nav li { float: left; list-style-type: none; }

我的简单导航栏不会在我的rails应用中横向放置？

1 个答案: