У меня есть этот кусок кода, который, когда в 767px к 991, перемещается в середину вкладки. Один рядом с Все контакты , но остальные 3 действуют совершенно нормально.
Here is the code:
<div class="col-md-3">
<div class="list-group">
<!-- set active links-->
<% active = params[:group_id] == nil ? 'active' : '' %>
<%= link_to contacts_path, class: "list-group-item #{active}"
do %>
All Contacts**<span class="badge"><%= Contact.count %>
</span>**
<% Group.all.each do |group| %>
<% active = params[:group_id].to_i == group.id ? 'active' : ''
%>
<%= link_to contacts_path(group_id: group.id), class: "list-
group-item #{active}" do %>
<%= group.name %><span class="badge"><%= group.contacts.count
%></span>
<% end %>
<% end %>
<% end %>
<% end %>
</div>
application.scss
* It is generally better to create a new file per style scope.
*
*= require_tree .
*= require_self
*= require jasny-bootstrap.min
*/
@import "bootstrap-sprockets";
@import "bootstrap";
body {
padding-top: 70px;
background: #eee;
}
.navbar {
-moz-box-shadow: rgba(0, 0, 0, 0.09) 0 2px 0;
-webkit-box-shadow: rgba(0, 0, 0, 0.09) 0 2px 0;
box-shadow: rgba(0, 0, 0, 0.09) 0 2px 0;
}
.navbar .navbar-brand {
font-weight: bold;
letter-spacing: -1px;
font-size: 20px;
color: white;
};
.navbar-right {
margin-right: 0;
}
.btn .btn-default {
маржинальная вершина: 5;
}
.table tbody> tr> td.middle {
выравнивание по вертикали: среднее;
}
.media {
отступы: 10px 0;
}
.media img, .fileinput .thumbnail, .thumbnail img {
радиус границы: 50%;
}
.media-left {
отступы: 0 20px;
}
.media-heading {
цвет: # dd5638;
нижнее поле: 10 пикселей;
} * * Тысяча двадцать-один
.media-body {
padding-top: 15px;
}
.btn-circle {
ширина: 30 пикселей;
высота: 30 пикселей;
выравнивание текста: по центру;
отступы: 6px 0;
размер шрифта: 12 пикселей;
высота строки: 1,428571429;
радиус границы: 15 пикселей;
}
> this my .scss file, in the scss i have just a couple lines but the .js is not modified<
Can you help?