From 5c4c7796971b3c676ff22bde183b830e795e7695 Mon Sep 17 00:00:00 2001
From: Juha Kaunisto <juha@kaunis.to>
Date: Tue, 25 Apr 2017 14:35:01 +0300
Subject: [PATCH] chore(docs): fixed example code for app.component.html
 (#1891)

The previous example code resulted in broken widget, the fixed code is taken directly from http://valor-software.com/ngx-bootstrap/#/dropdowns#single-button
---
 docs/getting-started/bootstrap4.md | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/getting-started/bootstrap4.md b/docs/getting-started/bootstrap4.md
index 660e01cae6..af2ab751b9 100644
--- a/docs/getting-started/bootstrap4.md
+++ b/docs/getting-started/bootstrap4.md
@@ -113,15 +113,16 @@ import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
 - open `src/app/app.component.html` and add
 ```
 <div class="btn-group" dropdown>
-  <button id="single-button" type="button" class="btn btn-primary" dropdownToggle>
+  <button dropdownToggle type="button" class="btn btn-primary dropdown-toggle">
     Button dropdown <span class="caret"></span>
   </button>
-  <ul *dropdownMenu role="menu" aria-labelledby="single-button">
+  <ul *dropdownMenu class="dropdown-menu" role="menu">
     <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li>
     <li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li>
     <li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li>
     <li class="divider dropdown-divider"></li>
-    <li role="menuitem"><a class="dropdown-item" href="#">Separated link</a></li>
+    <li role="menuitem"><a class="dropdown-item" href="#">Separated link</a>
+    </li>
   </ul>
 </div>
 ```