내비게이션 바 로고가 자리를 비 웁니다.

사용자가 메모를 만들고 메모를 볼 수있는 NoteIt (HAML 사용)이라는 웹 사이트를 만들고 있습니다. 스타일을 지정하기 위해 link_to 부분을 어떻게 선택합니까?내비게이션 바 로고가 자리를 비 웁니다.

!!! 
%html 
%head 
    %title NoteIt | Your online Notebook 
    = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true 
    = javascript_include_tag 'application', 'data-turbolinks-track' => true 
    = csrf_meta_tags 
%body 
    %header 
    .header_inner 
     %h3 NoteIt << Here is where the NoteIt sign is placed 
     %nav 
     -if model_signed_in? 
      = link_to "New Note", new_note_path 
      = link_to "Sign Out", destroy_model_session_path, method: :delete 
     - else 
      = link_to "Log In", new_model_session_path 
    %p.notice= notice 
    %p.alert= alert 

    = yield

출처

2017-12-24 CherryPlaysRoblox

HAML은 HTML을 생성하는 도구입니다. HTML은 CSS로 스타일이 지정되어 있습니다. 당신의 진짜 문제는 어디에 있습니까? 원하는 HTML 생성? 또는 결과 HTML을 스타일링 하시겠습니까? 그 질문에 집중하십시오. HAML + 실제 HTML + 원하는 HTM ** 또는 ** HTML + CSS를 보여주십시오. – Quentin

내가 그것을 해결 :

여기 내 application.html.haml 파일입니다. margin-top 및 margin-bottom을 변경하고 원하는 금액 인 px으로 설정하면됩니다. 로고의 경우, 나는 h1 태그로 NoteIt을 썼다.

출처

2017-12-24 23:33:30 CherryPlaysRoblox

내비게이션 바 로고가 자리를 비 웁니다.

답변

관련 문제