title: Button not getting re-sized while using twitter bootstrap with rails
body: <p>I am using Ruby on Rails version 4 with Twitter bootstrap 2 to make a web application.</p>
  
  <p>I have used button_to to create a button that on clicking takes the user to another page. However,the styling css doesn't get applied on it correctly. The rounded borders are displayed accurately,the text is bold etc. but the button does not automatically resize itself when I resize the browser window.The width of the button remains static.</p>
  
  <p>however, when I replace</p>
  
  <pre><code>&lt;%= button_to 'Start Learning', tut,  :method =&gt; :get  ,:class =&gt; 'btn btn-default' %&gt;
  </code></pre>
  
  <p>with</p>
  
  <pre><code>&lt;button class='btn-default'&gt;Start Learning&lt;/button&gt;
  </code></pre>
  
  <p>it is displayed perfectly,the button width gets automatically resized.</p>
  
  <p>Am I using button_to incorrectly ?</p>
  
  <p>Complete content of index.html.erb :</p>
  
  <pre><code>&lt;script&gt;
  
  &lt;/script&gt;
  &lt;body style="background-color:#DDD4BC"&gt;
  &lt;h1 align="center" style="background-color:#005B9A"&gt;&lt;font color="#fff"&gt;Tutorials&lt;/font&gt;&lt;/h1&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;style type="text/css"&gt;
      .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;
                                }
  
  
  &lt;/style&gt;
  &lt;div class="container"&gt;
    &lt;div class="row"&gt;
  
      &lt;% @tuts.each do |tut| %&gt;
          &lt;div class="span3"&gt;
  
             &lt;div class="title"&gt;&lt;%= tut.title %&gt;&lt;br&gt;&lt;/div&gt;
            &lt;%= tut.tut_desc %&gt;        &lt;br&gt;
            &lt;%= link_to 'Show', tut %&gt;
            &lt;%= link_to 'Edit', edit_tut_path(tut) %&gt;
            &lt;%= link_to 'Destroy', tut, method: :delete, data: { confirm: 'Are you sure?' } %&gt;&lt;br&gt;
              &lt;%= button_to 'Start Learning', tut,  :method =&gt; :get  ,:class =&gt; 'btn btn-default' %&gt;
  
          &lt;/div&gt;
      &lt;% end %&gt;
    &lt;/div&gt;
    &lt;/div&gt;
  
  
  &lt;br&gt;
  
  &lt;%= link_to 'New Tut', new_tut_path %&gt;
    &lt;/body&gt;
    &lt;!-- background-image:url('/assets/blacktexture.jpg') ;   --&gt;
  </code></pre>