title: asp mvc default application generated remove white spaces
body: <p>So when a mvc project is genereted it has his default master page and partial views like the register and login views.The problem is that the master page is genereted with default white spaces on the left side of the page and on the right side.My question is : Where is that margin space code written and how to remove it?As simple as it looks I just can't seem to find it.</p>
  
  <p>Site.css is left with its default values:</p>
  
  <pre><code>body {
      padding-top: 50px;
      padding-bottom: 20px;
  }
  
  /* Set padding to keep content from hitting the edges */
  .body-content {
      padding-left: 15px;
      padding-right: 15px;
  }
  
  /* Override the default bootstrap behavior where horizontal description lists 
     will truncate terms that are too long to fit in the left column 
  */
  .dl-horizontal dt {
      white-space: normal;
  }
  
  /* Set width on the form input elements since they're 100% wide by default */
  input,
  select,
  textarea {
      max-width: 280px;
  }
  </code></pre>
  
  <p>And my indes.cshtml is alsaw pretty simple:</p>
  
  <pre><code>@{
      ViewBag.Title = "Home Page";
  }
  
  &lt;div id="mapa"&gt;
      &lt;h1&gt;ASP.NET&lt;/h1&gt;
  &lt;/div&gt;
  
  &lt;div id="content"&gt;
      &lt;div class="main-nav-wrapper"&gt;
          &lt;nav class="navbar navbar-default"&gt;
              &lt;div class="container-fluid"&gt;
                  &lt;div class="navbar-header"&gt;
                      &lt;a class="navbar-brand" href="#"&gt;WebSiteName&lt;/a&gt;
                  &lt;/div&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Page 1&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Page 2&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Page 3&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/nav&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/ikDbz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ikDbz.png" alt="enter image description here"></a></p>
  
  <p>I tried adding margin-left:0 and margin-right:0 to the body-content class but it just moves the child page to the left and maintains the size of it.</p>