diff --git a/src/BootstrapMenu.js b/src/BootstrapMenu.js
index 883c48a..95763e7 100644
--- a/src/BootstrapMenu.js
+++ b/src/BootstrapMenu.js
@@ -119,7 +119,7 @@ function renderMenu(_this) {
             if (actionsHaveIcon === true) {
                 $ul.append(
                     '<li role="presentation" data-action="'+actionId+'">' +
-                    '<a href="#" role="menuitem">' +
+                    '<a href="#" role="menuitem" class="dropdown-item">' +
                     '<i class="fa fa-fw fa-lg ' + (action.iconClass || '') + '"></i> ' +
                     '<span class="actionName"></span>' +
                     '</a>' +
@@ -130,7 +130,7 @@ function renderMenu(_this) {
             else {
                 $ul.append(
                     '<li role="presentation" data-action="'+actionId+'">' +
-                    '<a href="#" role="menuitem"><span class="actionName"></span></a>' +
+                    '<a href="#" role="menuitem" class="dropdown-item"><span class="actionName"></span></a>' +
                     '</li>'
                 );
             }
@@ -138,7 +138,7 @@ function renderMenu(_this) {
 
         $ul.append(
             '<li role="presentation" class="noActionsMessage disabled">' +
-            '<a href="#" role="menuitem">' +
+            '<a href="#" role="menuitem" class="dropdown-item">' +
             '<span>' + _this.options.noActionsMessage + '</span>' +
             '</a>' +
             '</li>'