Блог

Я относительно новичок в создании приложений rails, и я создал новое приложение rails, используя Happy Seed. Кажется, я не могу понять, что именно происходит в заголовке. Happy Seed создает приложение с использованием bootstrap-sass и haml. В чем я не уверен, = navbar do так это в , = vertical do , и = horizontal do . Это что-то встроенное в rails? Bootstrap? Я пробовал поискать в Google, но не смог найти ничего подходящего. Если бы кто-нибудь мог указать мне на какую-либо документацию, это было бы здорово.

Вот файл «_header.html.haml»:

 = navbar position: :static do
  = vertical do
    = link_to root_path do
      %span.glyphicon.glyphicon-cloud
      Home
  = horizontal do
    = nav class: 'navbar-right' do
      = link_to 'Contact', ""
      = link_to 'About', ""
      = render partial: "application/account_dropdown"
  

И это то, что он генерирует, когда я просматриваю исходный код:

 <nav class="navbar navbar-default navbar-static-top" role="navigation">
  <div class="container">
    <div class="navbar-header"><button class="navbar-toggle" data-target="#navbar-collapse-7238422159" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span></button>
<li class="active"><a class="navbar-brand" href="/"><span class='glyphicon glyphicon-cloud'></span>
Home
</a></li>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-7238422159"><ul class="navbar-right nav navbar-nav"><li><a href="">Contact</a></li>
<li><a href="">About</a></li>
<li class='dropdown'>
  <a aria-expanded='false' class='dropdown-toggle' data-toggle='dropdown' href='#' role='button'>
    Account <span class="caret"></span>
  </a>
  <ul class='dropdown-menu'>
    <!-- CONNECT -->
    <li><a href="/users/sign_in">Sign In</a></li>
    <li><a href="/users/sign_up">Sign Up</a></li>
  </ul>
</li>
</ul>
</div>

  </div>
</nav>