title: ASP.NET MVC Bootstrap Enabling Horizontal Scroll Bar
body: <p>I want to generate a form like entering the number of rows and columns and it will represents the required number of rows and columns in the next action.</p>
  
  <p>Suppose the number of rows I enter is 4 and columns is 5. The right most columns becomes the most bottom below the final row. I don't want like that, I want it to enable horizontal scroll bar. Here is my code.</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
          @for (int i = 0; i &lt; Model.Columns.Capacity; i++) // Columns Capacity is 5
          {
              &lt;div class="col-md-3"&gt;
                  &lt;div class="row"&gt;
                      @for (int k = 0; k &lt; Model.Rows.Capacity; k++) //Rows Capacity is 4
                      {
                          &lt;br /&gt;
                          &lt;input type="text" name="name" class="form-control" /&gt;
                          &lt;br /&gt;
                      }
                  &lt;/div&gt;
              &lt;/div&gt;
          }
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>After that, the output becomes like shown below:</p>
  
  <p><a href="https://i.stack.imgur.com/hQFbP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hQFbP.png" alt="enter image description here"></a></p>
  
  <p>I want the 5th column to be horizontal scroll bar enabled. Thanks</p>