按鈕沒有得到重新調整大小，而使用twitter引導與rails

我正在使用Ruby on Rails版本4與Twitter引導2來製作一個Web應用程序。按鈕沒有得到重新調整大小，而使用twitter引導與rails

我已經使用button_to來創建一個按鈕，點擊後將用戶帶到另一個頁面。但是，造型CSS不能正確應用。圓形邊框顯示準確，文本爲粗體等，但按鈕不會在調整瀏覽器窗口大小時自動調整大小。按鈕的寬度保持不變。

然而，當我更換

<%= button_to 'Start Learning', tut, :method => :get ,:class => 'btn btn-default' %>

與

<button class='btn-default'>Start Learning</button>

它是完全顯示時，按鈕寬度被自動調整大小。

我使用button_to的方式不正確嗎？

index.html.erb的全部內容：

<script> 

</script> 
<body style="background-color:#DDD4BC"> 
<h1 align="center" style="background-color:#005B9A"><font color="#fff">Tutorials</font></h1> 
<br><br> 
<style type="text/css"> 
    .span4,.span1,.span3,.span5{ 
     height: 200px; 
     border-spacing: 0; 
     padding: 5px; 
     font-weight:bold; 
    background-color: #Fff; 
    color: #000; 
     text-align: center; 
     margin-left: 60px; 
     margin-right: 60px; 
     margin-bottom: 25px; 
     border-radius:25px; 
     position:relative; 



    } 
     .title{ 
      background-color: #005B9A; 
      height: 40px; 
      line-height:40px; 
      color: #fff; 
      font-size: 20px; 
      padding: 5px; 
      border-top-left-radius: 25px; 

      border-top-right-radius: 25px; 
      text-transform: uppercase; 
      font-weight:bold; 
      vertical-align:middle; 


     } 
           .btn-default{ 
            position: absolute; 

            bottom: 5px; 
            top: 80%; 
            text-transform: uppercase; 
            font-weight:bold; 
            display: block; 
              width: 98%; 
            border-bottom-left-radius: 25px; 
            vertical-align:middle; 
            border-bottom-right-radius: 25px; 
           } 


</style> 
<div class="container"> 
    <div class="row"> 

    <% @tuts.each do |tut| %> 
     <div class="span3"> 

      <div class="title"><%= tut.title %><br></div> 
      <%= tut.tut_desc %>  <br> 
      <%= link_to 'Show', tut %> 
      <%= link_to 'Edit', edit_tut_path(tut) %> 
      <%= link_to 'Destroy', tut, method: :delete, data: { confirm: 'Are you sure?' } %><br> 
      <%= button_to 'Start Learning', tut, :method => :get ,:class => 'btn btn-default' %> 

     </div> 
    <% end %> 
    </div> 
    </div> 


<br> 

<%= link_to 'New Tut', new_tut_path %> 
    </body> 
    <!-- background-image:url('/assets/blacktexture.jpg') ; -->

來源

2014-02-17 Umang Mathur

由於Rails button_to創造了一個形式，而不是一個按鈕 check out their documentation

可以使用的link_to方法，並指定類：「BTN BTN - 主要「（這在引導3，不知道它是如何定義在V2）

來源

2014-02-17 15:11:50 Cremz

非常感謝！ –

按鈕沒有得到重新調整大小，而使用twitter引導與rails

回答

相關問題