title: How to make bootstrap row "col-md-4" fullscreen size
body: <p>I'm using the bootstrap grid system, but can't seem to make the rows full-screen size. Right now i'm getting something like this:</p>
  
  <pre><code>|    | col-md4 | | col-md4 | | col-md4 |    |
  |                                           |
  |                                           |
  |                                           |
  </code></pre>
  
  <p>I want it too take all the space of the screen like this, so there is not white space in the left and right side.</p>
  
  <pre><code>|      col-md4 | | col-md4 | | col-md4      |
  |                                           |
  </code></pre>
  
  <p>Have read something that it is because it's inside an container, but when i remove that, it is just the same. I'm using the bootstrap.css file and my own site.css file.</p>
  
  <p><strong>Code:</strong></p>
  
  <pre><code>&lt;asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server"&gt;
  
  &lt;div class="container-fluid"&gt;
  
      &lt;div class="row"&gt;
          &lt;div class="col-lg-12"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="row"&gt;
          &lt;div class="col-lg-4"&gt;
              &lt;img src="images/spise.png" /&gt;
              &lt;br /&gt;
              Some text here
          &lt;/div&gt;
  
          &lt;div class="col-lg-4"&gt;
              &lt;img src="images/tid.png" /&gt;
              &lt;br /&gt;
              Some text here
          &lt;/div&gt;
  
          &lt;div class="col-lg-4"&gt;
              &lt;img src="images/tv.png" /&gt;
              &lt;br /&gt;
              Some text here
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="row"&gt;
          &lt;div class="col-lg-12"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.col-lg-4 {
      height: 200px;
      color: white;
      text-align: center;
      vertical-align: middle;   
      background-color: #3498db;
  }
  </code></pre>
  
  <p>Also, i'm trying to make the text and icon the my col-md-4 div class too auto it self in the middle. But this does also not work properly.</p>
  
  <p><strong>UPDATED</strong></p>
  
  <p>Here is a picture of how it looks like:</p>
  
  <p><img src="https://i.stack.imgur.com/VEW6O.png" alt="enter image description here"></p>
  
  <p>Here you can see that it is not fullsize compared to my bootstrap carousel.</p>
  
  <p><strong>UPDATED 2: (Masterpage code)</strong></p>
  
  <pre><code>&lt;%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Mandersen_Hotels.Site" %&gt;
  
  &lt;!DOCTYPE html&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
  &lt;title&gt;&lt;%: Page.Title %&gt; - My ASP.NET Application&lt;/title&gt;
  
  &lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;
  
  &lt;link href="Content/bootstrap.css" rel="stylesheet" /&gt;
   &lt;link href="Content/Site.css" rel="stylesheet" /&gt;  
  
  &lt;script src="scripts/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="scripts/bootstrap.js"&gt;&lt;/script&gt;
  &lt;script src="scripts/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;asp:ContentPlaceHolder ID="head" runat="server"&gt;
  &lt;/asp:ContentPlaceHolder&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;form id="form" runat="server"&gt;
      &lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
          &lt;div class="container"&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                  &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;/button&gt;
                  &lt;a class="navbar-brand" runat="server" href="~/default.aspx"&gt;M-Hotels&amp;nbsp;
                  &lt;div class="IconFront"&gt;
                      &lt;asp:Image class="img1" ID="Image1" runat="server" Height="28px" ImageUrl="Icon.png" Width="30px" ImageAlign="Right" /&gt;
                  &lt;/div&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="navbar-collapse collapse"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li&gt;&lt;a runat="server" href="~/default.aspx"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a runat="server" href="~/Booking.aspx"&gt;Booking&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a runat="server" href="~/Contact.aspx"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a runat="server" href="~/User.aspx"&gt;User&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;asp:LoginView runat="server" ViewStateMode="Disabled"&gt;
                      &lt;AnonymousTemplate&gt;
                          &lt;ul class="nav navbar-nav navbar-right"&gt;
                              &lt;li&gt;&lt;a runat="server" href="~/Registration.aspx"&gt;Register&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a runat="server" href="~/Login.aspx"&gt;Log in&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/AnonymousTemplate&gt;
                      &lt;LoggedInTemplate&gt;
                          &lt;ul class="nav navbar-nav navbar-right"&gt;
                              &lt;li&gt;
                                  &lt;a runat="server" href="~/User.aspx" title="Manage your account"&gt;Hello,!&lt;/a&gt;
                              &lt;/li&gt;
                              &lt;li&gt;
                                  &lt;a runat="server" href="~/default.aspx" title="Log out"&gt;&lt;/a&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/LoggedInTemplate&gt;
                  &lt;/asp:LoginView&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="container body-content"&gt;
          &lt;asp:ContentPlaceHolder ID="MainContent" runat="server"&gt;
          &lt;/asp:ContentPlaceHolder&gt;
          &lt;hr /&gt;
          &lt;footer&gt;
              &lt;p&gt;&amp;copy; &lt;%: DateTime.Now.Year %&gt; - M-Hotels A/S&lt;/p&gt;
          &lt;/footer&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>