title: How can I stop Bootstrap Nuget Package from affecting the HTML box height
body: <p>I am working on a final project for my ASP.NET MVC class. To summarize the application, it is a hotel management system that allows users to reserve a hotel room.</p>
  
  <p>I am using the bootstrap Nuget package to supply to CSS styling, but after troubleshooting, I discovered it is causing issues with sizing of the box model.</p>
  
  <p>I am working on the administration panel, where a system administrator can login to perform administration tasks; such as review reservations, view user data, etc. When I view the page, the width is fit to the screen, but the height is very short, it seems to render to 1366x215.5, while I expect it to fill the display. Its worth noting that I am using an Entity Framework controller (with the pre-generated views), so rather than redirect from the administrator page to the EF controller, I am using an IFrame to display the EF Views from the Admin Controller.</p>
  
  <p>When I remove the link to the bootstrap.min.css from the parent view, leaving the bootstrap link in the view displayed by the IFrame, everything works nicely. So I imagine its related to an issue when the parent uses the bootstrap.min.css file. I have tried reversing it, where I remove the link from the IFrame view, and keep it inside the parent view, but it still happens then.</p>
  
  <p>Seems to be 100% caused by the bootstrap link in the parent view, but I use it all over my application and have no issues anywhere else.</p>
  
  <p>Here is a photo of what is being displayed:</p>
  
  <p><img src="https://i.stack.imgur.com/2Bpbh.png" alt="Here is a photo of what is being displayed"></p>
  
  <p>I use a master layout for my administrator pages:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta name="viewport" content="width=device-width" /&gt;
      &lt;link href="~/Content/bootstrap.min.css" rel="stylesheet" /&gt;
      &lt;title&gt;ReserveIt | @ViewBag.Title&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;nav class="navbar navbar-expand-lg navbar-light bg-light"&gt;
          &lt;a class="navbar-brand"&gt;ReserveIt&lt;/a&gt;
          &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"&gt;
              &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
          &lt;/button&gt;
  
          &lt;div class="collapse navbar-collapse" id="navbarSupportedContent"&gt;
              &lt;ul class="navbar-nav mr-auto"&gt;
                  &lt;li class="nav-item active"&gt;
                      @Html.ActionLink("Users", "Main", "Admin", null, new { @class = "nav-link" })
                  &lt;/li&gt;
                  @if (Session["email"] != null)
                  {
                      &lt;li class="nav-item"&gt;
                          @Html.ActionLink("My Account", "Details", "Accounts", new { id = Session["userID"] }, new { @class = "nav-link" })
                      &lt;/li&gt;
                  }
                  &lt;li class="nav-item"&gt;
                      &lt;a class="nav-link" href="reservations.php"&gt;Reservations&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;div class="form-inline my-2 my-lg-0"&gt;
                  @if (Session["email"] == null)
                  {
                      @Html.ActionLink("Login", "Index", "Login", null, new { @class = "btn btn-outline-success my-2 my-sm-0" });
                  }
                  else
                  {
                      @Html.ActionLink("Logout", "Logout", "Login", null, new { @class = "btn btn-outline-success my-2 my-sm-0" });
                  }
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
  
      @RenderBody()
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I currently only have the layout reference and the IFrame tags in the parent view</p>
  
  <pre><code>@{
      ViewBag.Title = "Main";
      Layout = "~/Views/Shared/_AdminMasterLayout.cshtml";
  }
  
  &lt;iframe src="@Url.Action("Index", "Accounts")"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>And the EF Controller view (the view displayed in the IFrame) is as follows</p>
  
  <pre><code>@model IEnumerable&lt;ReserveIt.Models.User&gt;
  
  @{
      ViewBag.Title = "Index";
  }
  
  &lt;link href="~/Content/bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;p&gt;
      @Html.ActionLink("Create New", "Create")
  &lt;/p&gt;
  &lt;table class="table"&gt;
      &lt;tr&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.Email)
          &lt;/th&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.Firstname)
          &lt;/th&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.Middlename)
          &lt;/th&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.Lastname)
          &lt;/th&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.Phone)
          &lt;/th&gt;
      &lt;/tr&gt;
  
      @foreach (var item in Model)
      {
          &lt;tr&gt;
              &lt;td&gt;
                  @Html.DisplayFor(modelItem =&gt; item.Email)
              &lt;/td&gt;
              &lt;td&gt;
                  @Html.DisplayFor(modelItem =&gt; item.Firstname)
              &lt;/td&gt;
              &lt;td&gt;
                  @Html.DisplayFor(modelItem =&gt; item.Middlename)
              &lt;/td&gt;
              &lt;td&gt;
                  @Html.DisplayFor(modelItem =&gt; item.Lastname)
              &lt;/td&gt;
              &lt;td&gt;
                  @Html.DisplayFor(modelItem =&gt; item.Phone)
              &lt;/td&gt;
              &lt;td style="white-space: nowrap"&gt;
                  @Html.ActionLink("Edit", "Edit", new { id = item.UserID }) |
                  @Html.ActionLink("Details", "Details", new { id = item.UserID }) |
                  @Html.ActionLink("Delete", "Delete", new { id = item.UserID })
              &lt;/td&gt;
          &lt;/tr&gt;
      }
  &lt;/table&gt;
  </code></pre>
  
  <p>I am relatively new to ASP.NET, so I am likely missing something and am excited to learn.</p>