title: Make button width 100%, MVC 5 Bootstrap 3
body: <p>I am new to learning bootstrap and loving it! However I cannot seem to find an easy guide to edit the massive bootstrap.css for custom items, such as a button.</p>
  
  <p>What I want to do is expand my "Create" so that it fills the entire table row it is currently on.</p>
  
  <ul>
  <li>For reference: All my Models, Controllers, and Views were auto-generated and this is an <em>Index</em> page</li>
  </ul>
  
  <p>Code for my Edit View, I am trying to make the <strong>create</strong> button at the top 100% across the top of the table.</p>
  
  <pre><code>@model IEnumerable&lt;WebApplication2.Entities.Employee&gt;
  
  @{
      ViewBag.Title = "Index";
      Layout = "~/Views/Shared/_Layout.cshtml";
  }
  &lt;br /&gt;
  &lt;br /&gt;
  &lt;br /&gt;
  &lt;br /&gt;
  &lt;div class="panel panel-primary"&gt;
      &lt;div class="panel-heading"&gt;
          &lt;h3 class="panel-title"&gt;Employees&lt;/h3&gt;
      &lt;/div&gt;
  
          &lt;div class="btn-group btn-group-lg" id="CreateButton"&gt;
              &lt;button type="button" class="btn btn-success" onclick="location.href='@Url.Action("Create")';return false;"&gt;Create&lt;/button&gt;
          &lt;/div&gt;
  
  
      &lt;table class="table"&gt;
          &lt;tr&gt;
              &lt;th&gt;
                  @Html.DisplayNameFor(model =&gt; model.Name)
              &lt;/th&gt;
              &lt;th&gt;
                  @Html.DisplayNameFor(model =&gt; model.Birthday)
              &lt;/th&gt;
              &lt;th&gt;&lt;/th&gt;
          &lt;/tr&gt;
  
          @foreach (var item in Model)
          {
              &lt;tr&gt;
                  &lt;td&gt;
                      @Html.DisplayFor(modelItem =&gt; item.Name)
                  &lt;/td&gt;
                  &lt;td&gt;
                      @Html.DisplayFor(modelItem =&gt; item.Birthday)
                  &lt;/td&gt;
                  &lt;td&gt;
  
                      @Html.ActionLink("Edit", "Edit", new { id = item.ID }) |
                      @Html.ActionLink("Details", "Details", new { id = item.ID }) |
                      @Html.ActionLink("Delete", "Delete", new { id = item.ID })
                  &lt;/td&gt;
              &lt;/tr&gt;
          }
  
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the actual page currently as is.
  <img src="https://i.stack.imgur.com/RN89E.png" alt="enter image description here"></p>
  
  <p>If anyone could explain where you are inserting this code/css I would be eternally grateful as my guess and check method within <code>bootstrap.css</code> isn't working. haha</p>
  
  <p>Thank you!</p>