Измените размер кнопки начальной загрузки в div

Question

Я использую кнопки загрузки в своем коде. Однако я хотел бы изменить некоторые кнопки в определенном div. Должно быть меньше

<div class="well"> 
    <div class="bookmark"> 

    <% @bookmarks.each do |bookmark| %> 
    <p> 
    <%= link_to bookmark.url %> 
    #these should be smaller 
    <%= link_to "Edit bookmark", edit_topic_bookmark_path(@topic, bookmark), class: "btn btn-danger" %> 
    <%= link_to "Destroy bookmark", [@topic, bookmark], method: :delete, class: "btn btn-danger" %> 
    </p> 

    <%= render partial: 'favorites/favorite', locals: { favorite: @favorite, bookmark: @bookmark } %> 
    <% end %> 
    </div> 

<%= link_to "New bookmark", new_topic_bookmark_path(@topic), class: 'btn btn-default' %> 
</div> 

Я пытался сделать это, добавив это мой application.css.scss файл

.bookmarks btn { 
size: 2px; 
} 

Но это не похоже на работу. Какие-либо предложения?

Answer 1

Я думаю, что быстрый способ сделать это важно

.bookmarks btn { 
 
size: 2px!important; 
 
}

Answer 2

попробовать это:

<p> 
    <%= link_to bookmark.url %> 
    #these should be smaller 
    <%= link_to "Edit bookmark", edit_topic_bookmark_path(@topic, bookmark), class: "btn btn-danger btn-sm" %> 
    <%= link_to "Destroy bookmark", [@topic, bookmark], method: :delete, class: "btn btn-danger btn-sm" %> 
    </p> 

Вы могли бы эти классы для выбора размера пуговиц:

• btn-lg
• btn-sm
• btn-xs

bootstrap documentation

Answer 3

Пробовали ли вы бутстрапом button size классы?

Вы пользовательский css для кнопки может быть чем-то вроде.

.custom-button { 
    font-size:0.8em; 
    padding:5px; 
} 

Где вы уменьшаете padding и font size, чтобы уменьшить размер.