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
valor-software · Apr 25, 2017 · 5c4c779 · 5c4c779
1 parent 0024c4f
commit 5c4c779
Showing 1 changed file with 4 additions and 3 deletions.
diff --git 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>
 ```