diff --git a/samples/StandaloneApp/Pages/Home.cshtml b/samples/StandaloneApp/Pages/Home.cshtml
index 08af6d96be..cb8804a77c 100644
--- a/samples/StandaloneApp/Pages/Home.cshtml
+++ b/samples/StandaloneApp/Pages/Home.cshtml
@@ -1,2 +1,4 @@
 @(Layout<StandaloneApp.Shared.MainLayout>())
 <h1>Hello, world!</h1>
+
+Welcome to your new app.
\ No newline at end of file
diff --git a/samples/StandaloneApp/Shared/MainLayout.cshtml b/samples/StandaloneApp/Shared/MainLayout.cshtml
index 6a830c938a..e9fc4a1131 100644
--- a/samples/StandaloneApp/Shared/MainLayout.cshtml
+++ b/samples/StandaloneApp/Shared/MainLayout.cshtml
@@ -1,10 +1,16 @@
 @using Microsoft.AspNetCore.Blazor.RenderTree
 @(Implements<Microsoft.AspNetCore.Blazor.Layouts.ILayoutComponent>())
 
-<fieldset>
-    <legend>Layout</legend>
-    @Body
-</fieldset>
+<div class='container-fluid'>
+    <div class='row'>
+        <div class='col-sm-3'>
+            <c:NavMenu />
+        </div>
+        <div class='col-sm-9'>
+            @Body
+        </div>
+    </div>
+</div>
 
 @functions {
     public RenderFragment Body { get; set; }
diff --git a/samples/StandaloneApp/Shared/NavMenu.cshtml b/samples/StandaloneApp/Shared/NavMenu.cshtml
new file mode 100644
index 0000000000..3ca758e03f
--- /dev/null
+++ b/samples/StandaloneApp/Shared/NavMenu.cshtml
@@ -0,0 +1,23 @@
+<div class='main-nav'>
+    <div class='navbar navbar-inverse'>
+        <div class='navbar-header'>
+            <button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse'>
+                <span class='sr-only'>Toggle navigation</span>
+                <span class='icon-bar'></span>
+                <span class='icon-bar'></span>
+                <span class='icon-bar'></span>
+            </button>
+            <a class='navbar-brand' href='/'>Blazor app</a>
+        </div>
+        <div class='clearfix'></div>
+        <div class='navbar-collapse collapse'>
+            <ul class='nav navbar-nav'>
+                <li>
+                    <a class='active' href='#'>
+                        <span class='glyphicon glyphicon-home'></span> Home
+                    </a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>
diff --git a/samples/StandaloneApp/wwwroot/css/site.css b/samples/StandaloneApp/wwwroot/css/site.css
index f958abf61a..2f6f811bb3 100644
--- a/samples/StandaloneApp/wwwroot/css/site.css
+++ b/samples/StandaloneApp/wwwroot/css/site.css
@@ -1,6 +1,4 @@
-body {
-}
-.main-nav li .glyphicon {
+.main-nav li .glyphicon {
     margin-right: 10px;
 }