Переключатели на направляющих
Я полагаю, вы не показали нам полный код,
измените lg на xl в
<nav class="navbar navbar-expand-lg navbar-light bg-light">
становится
<nav class="navbar navbar-expand-xl navbar-light bg-light">
, поэтому панель навигации будет расширить на 1200px (xl) вместо 992 (lg)
<nav class="navbar navbar-expand-xl navbar-light bg-light">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav navbar-nav mr-auto">
<li class="nav-item"><a asp-area="" asp-controller="" asp-action="" class="nav-link">XXX</a></li>
<li class="nav-item"><a asp-area="" asp-controller="" asp-action="" class="nav-link">XXX</a></li>
<li class="nav-item"><a asp-area="" asp-controller="" asp-action="" class="nav-link">XXX</a></li>
<li class="nav-item"><a asp-area="" asp-controller="" asp-action="" class="nav-link">XXX</a></li>
<li class="nav-item"><a asp-area="" asp-controller="" asp-action="" class="nav-link">XXX</a></li>
<li class="nav-item"><a asp-area="" asp-controller="" asp-action="" class="nav-link">XXX</a></li>
<form asp-area="Identity" asp-page="/Account/Logout" asp-route-returnUrl="@Url.Action("Index", "Home", new { area = "" })" method="post" id="logoutForm" class="navbar-right">
<ul class="nav navbar-nav navbar-right">
<li class="nav-item">
<a asp-area="Identity" asp-page="/Account/Manage/Index" title="Manage" class="nav-link">Profile</a>
</li>
<li class="nav-item">
<button type="submit" class="btn btn-link navbar-btn navbar-link">Logout</button>
</li>
</ul>
</form>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
4 ответа
Как в это предыдущее сообщение , с небольшим скручиванием:
<div class="form_row">
<label for="theme">Theme:</label>
<% [ 'plain', 'desert', 'green', 'corporate', 'funky' ].each do |theme| %>
<br><%= radio_button_tag 'theme', theme, @theme == theme %>
<%= theme.humanize %>
<% end %>
</div>
, Где
@theme = params[:theme]
Хм, из документов я не вижу, как можно установить идентификатор на переключателях... маркировка для атрибута пытается связаться с идентификатором по радио.
документы направляющих для radio_button_tag
Тем не менее из документа, тот первый параметрический усилитель является "именем"..., которое, если, именно это это создает, , должен , группируют их в целом. В противном случае, возможно, это - ошибка?
Хм, задайтесь вопросом, были ли они зафиксированы: http://dev.rubyonrails.org/ticket/2879 http://dev.rubyonrails.org/ticket/3353
То же, что и V, но с каждым переключателем связаны метки. Щелчок по метке проверяет переключатель.
<div class="form_row">
<p>Theme:</p>
<% [ 'plain', 'desert', 'green', 'corporate', 'funky' ].each do |theme| %>
<br><%= radio_button_tag 'theme', theme, @theme == theme %>
<%= label_tag "theme_#{theme}", theme.humanize %>
<% end %>
</div>
Я бы посоветовал взглянуть на formtastic
. Он делает коллекции переключателей и флажков намного проще и лаконичнее. Ваш код будет выглядеть так:
<% semantic_form_for @widget, :html => {:class => 'my_style'} do |f| %>
<%= f.input :theme, :as => :radio, :label => "Theme:",
:collection => [ 'plain', 'desert', 'green', 'corporate', 'funky' ] %>
<% end %>
Formtastic в значительной степени ненавязчив и может быть смешан и согласован с «классическими» конструкторами форм. Вы также можете переопределить класс formtastic css для формы, как я сделал выше, с помощью
: html => {: class => 'my_style'}
Взгляните на соответствующие Railscasts.
Обновление: недавно я перешел на Простую форму , которая имеет синтаксис, похожий на formtastic, но более легкий и, в частности, оставляет стили на ваш собственный CSS.