From c03842f82bad30e24ea1b2a584ef60195d172258 Mon Sep 17 00:00:00 2001
From: Yash Srivastava <yashksri199747@gmail.com>
Date: Mon, 24 Jun 2019 16:10:20 +0530
Subject: [PATCH] Add navbar-brand utility information (#30010)

---
 .../english/bootstrap/navigation-bar/index.md | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/guide/english/bootstrap/navigation-bar/index.md b/guide/english/bootstrap/navigation-bar/index.md
index c2d7ce25b8..903dfabd14 100644
--- a/guide/english/bootstrap/navigation-bar/index.md
+++ b/guide/english/bootstrap/navigation-bar/index.md
@@ -52,6 +52,24 @@ You can add buttons on the navbar. The existing Bootstrap Button classes work ho
 <button class="btn navbar-btn">Button</button>
 ```
 
+#### Adding brand logo or name to the navbar
+The `navbar-brand` class can be applied to most elements, but an anchor works best as some elements might require utility classes or custom styles.
+
+```html
+<!-- As a link -->
+<nav class="navbar navbar-light bg-light">
+  <a class="navbar-brand" href="#">Navbar</a>
+</nav>
+```
+
+```html
+<!-- As a heading -->
+<nav class="navbar navbar-light bg-light">
+  <span class="navbar-brand mb-0 h1">Navbar</span>
+</nav>
+```
+
+
 #### Adding forms to the navbar
 You can also add forms to the navbar. This could be used for tasks such as a search field, quick login field, etc.
 ```html
@@ -170,4 +188,4 @@ Navbar Inverse:
 ```
 
 #### More Information:
-[BootStrap navbar documentation](https://getbootstrap.com/docs/4.0/components/navbar/)
+[Bootstrap navbar documentation](https://getbootstrap.com/docs/4.0/components/navbar/)