首页 > 解决方案 > 如何正确呈现 HTML 层次结构

问题描述

我只需要处理我的应用程序的前端。我了解如何编写模板,但出于某种原因,一些特定元素跳出了我创建的层次结构:

%html
  %head
    %meta{ content: 'text/html; charset=UTF-8', 'http-equiv': 'Content-Type' }
    %title Title
  %body{ data: { action: action_name, controller: controller_name.camelcase } }
    .page-container
      = render 'application/timeout'

      %header
        = render 'application/cookie_banner'

        .container
          .row
            .logo.col-3
              = link_to root_path do
                = image_tag 'logo.jpg'
            .login.col-9
              = render 'application/user_information'

      %nav.navbar.navbar-expand.navbar-light
        = render 'navigation/by_role'
      .content-container.container
        .row
          %section
            .section-container
              = render 'application/notifications'
              = render 'application/flash'
              = yield

      = render 'application/footer'

我想将页面包装在 中'.page-container',但页脚和content-container.container元素在包装器之外:

我需要渲染来遵循我的元素层次结构。

标签: ruby-on-railsrubyhaml

解决方案


推荐阅读