title: Bootstrap Dashboard Example in Asp.Net
body: <p>I am having some issues with implementing bootstrap in my asp page. How do I get the ContentPlaceHolder of my asp master page to the right of my Navbar?</p>
  <p>Master page:</p>
  <pre><code>&lt;%@ Master Language=&quot;C#&quot; AutoEventWireup=&quot;true&quot; CodeBehind=&quot;Main.master.cs&quot; Inherits=&quot;WebApplication1.Main&quot; %&gt;
  
  &lt;!DOCTYPE html&gt;
  
  &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
  &lt;head runat=&quot;server&quot;&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href=&quot;Content/bootstrap.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
      &lt;link href=&quot;Content/bootstrap-theme.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
      &lt;asp:ContentPlaceHolder ID=&quot;head&quot; runat=&quot;server&quot;&gt;
      &lt;/asp:ContentPlaceHolder&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div class=&quot;navbar navbar-inverse navbar-fixed-top&quot; role=&quot;navigation&quot;&gt;
          &lt;div class=&quot;container-fluid&quot;&gt;
              &lt;div class=&quot;navbar-header&quot;&gt;
                  &lt;button type=&quot;button&quot; class=&quot;navbar-toggle&quot; data-toggle=&quot;collapse&quot; data-target=&quot;.navbar-collapse&quot;&gt;
                      &lt;span class=&quot;sr-only&quot;&gt;Toggle navigation&lt;/span&gt;
                      &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                      &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                      &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;a class=&quot;navbar-brand&quot; href=&quot;http://getbootstrap.com/examples/dashboard/#&quot;&gt;Project name&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class=&quot;navbar-collapse collapse&quot;&gt;
                  &lt;ul class=&quot;nav navbar-nav navbar-right&quot;&gt;
                      &lt;li&gt;&lt;a href=&quot;http://getbootstrap.com/examples/dashboard/#&quot;&gt;Dashboard&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;http://getbootstrap.com/examples/dashboard/#&quot;&gt;Settings&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;http://getbootstrap.com/examples/dashboard/#&quot;&gt;Profile&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;http://getbootstrap.com/examples/dashboard/#&quot;&gt;Help&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;form class=&quot;navbar-form navbar-right&quot;&gt;
                      &lt;input type=&quot;text&quot; class=&quot;form-control&quot; placeholder=&quot;Search...&quot;&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class=&quot;container-fluid&quot;&gt;
          &lt;div class=&quot;row&quot;&gt;
              &lt;div class=&quot;col-sm-3 col-md-2 sidebar&quot;&gt;
                  &lt;ul class=&quot;nav nav-sidebar&quot;&gt;
                      &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;http://getbootstrap.com/examples/dashboard/#&quot;&gt;Overview&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;http://getbootstrap.com/examples/dashboard/#&quot;&gt;Reports&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;http://getbootstrap.com/examples/dashboard/#&quot;&gt;Analytics&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;http://getbootstrap.com/examples/dashboard/#&quot;&gt;Export&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;ul class=&quot;nav nav-sidebar&quot;&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot;&gt;Nav item&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot;&gt;Nav item again&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot;&gt;One more nav&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot;&gt;Another nav item&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=&quot;&quot;&gt;More navigation&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class=&quot;Container&quot;&gt;
          &lt;asp:ContentPlaceHolder ID=&quot;ContentPlaceHolder1&quot; runat=&quot;server&quot;&gt;
          &lt;/asp:ContentPlaceHolder&gt;
      &lt;/div&gt;
  
      &lt;script src=&quot;Scripts/jquery.min.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;Scripts/bootstrap.min.js&quot;&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>This puts the content under the navigation bar, which will look like this:</p>
  <p><a href="https://i.stack.imgur.com/XVpHF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XVpHF.png" alt="enter image description here" /></a></p>
  <p>I need to know where to implement ContentPlaceHolder.</p>