2014-08-31 3 views
-1

이 문제를 해결하기 위해 어디에서나 보았습니다. 최후의 수단으로 여기에와 있습니다.
내 네비게이션 링크를 내 레일 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> 

+0

당신의 CSS를 작성하십시오

는 CSS입니다. – jagmitg

답변

0

당신의 CSS를 보지 않고, 난 단지 당신이 뭔가를 놓치고있는 것을 상상할 수 :

여기 내 응용 프로그램 레이아웃 파일입니다. 이 jsfiddle을 살펴보면 목록을 가로로 표시하는 방법을 알 수 있습니다.

.nav li { float: left; list-style-type: none; } 
관련 문제