导航栏徽标不合适 HAML

Question

我正在创建一个名为 NoteIt 的网站（使用 HAML），用户可以在其中创建笔记，并且只能查看他们创建的笔记。你如何 select 一个 link_to 部分来设计它的样式？

这是我的 application.html.haml 文件：

!!!
%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

Answer 1

我解决了。您需要做的就是更改 margin-top 和 margin-bottom，并将其设置为所需的 px 数量。对于标志，我用 h1 标签写了 NoteIt。

导航栏徽标不合适 HAML

Nav bar logo out of place HAML

html

haml