From 011ea7fc16883ab39af05e7c59877c54b17c324e Mon Sep 17 00:00:00 2001
From: Smruti Ranjan Rana <smrutiranjan.offc@gmail.com>
Date: Thu, 21 Mar 2019 18:39:33 +0530
Subject: [PATCH] Make code visible (#27598)

---
 guide/english/bootstrap/navigation-bar/index.md | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/guide/english/bootstrap/navigation-bar/index.md b/guide/english/bootstrap/navigation-bar/index.md
index fddef06414c..c2d7ce25b81 100644
--- a/guide/english/bootstrap/navigation-bar/index.md
+++ b/guide/english/bootstrap/navigation-bar/index.md
@@ -122,9 +122,11 @@ On a small screen (such as a phone or tablet) the navbar is going to take up too
 ```
 
 #### Navbar Examples
+```html
 <!-- A drop-down cannot be shown in the example unless we include Bootstrap's javascript file. -->
 <!-- The id attributes are set in the example so clicking the links won't go to top of the page. -->
-`navbar navbar-default`
+Navbar Default:
+
 <nav class="navbar navbar-default" id="navbar-default">
   <div class="container-fluid">
     <div class="navbar-header">
@@ -143,8 +145,10 @@ On a small screen (such as a phone or tablet) the navbar is going to take up too
     </ul>
   </div>
 </nav>
+```
+```html
+Navbar Inverse:
 
-`navbar navbar-inverse`
 <nav class="navbar navbar-inverse" id="navbar-inverse">
   <div class="container-fluid">
     <div class="navbar-header">
@@ -163,6 +167,7 @@ On a small screen (such as a phone or tablet) the navbar is going to take up too
     </ul>
   </div>
 </nav>
+```
 
 #### More Information:
 [BootStrap navbar documentation](https://getbootstrap.com/docs/4.0/components/navbar/)