我有一段代码,当以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; 底边距:10px; }
.media-body { padding-top:15像素; }
.btn-circle { 宽度:30px; 高度:30px; 文本对齐:居中; 填充:6px 0; font-size:12px; 行高:1.428571429; border-radius:15px; }
> this my .scss file, in the scss i have just a couple lines but the .js is not modified<
Can you help?