Как сделать всплывающее уведомление с помощью бутстрапа?

Question

Я хотел сделать всплывающее всплывающее уведомление с текстом «« Управление пользователями », он показывает сообщения, но как я могу сделать это круглым и отображать всплывающее окно« «Управление пользователями» текст как уведомление. Есть ли другой способ достижения этой задачи, любая помощь будет оценена?

main.html

<div class="row"> 
    <div class="col-lg-12"> 
    <h1 class="page-header">User Management 
     <span> 
     <button class="btn btn-primary btn-circle" type="button"> 
      <span class="badge">{{userList.length}}</span> Access Request 
     </button> 
     </span> 
    </h1> 
    </div> 
</div> 

Answer 1

Bootstrap имеет компоненты 'Tooltip' и 'поповер'. Я думаю, вы можете использовать один из них. Попробуйте следующее:

<div class="row"> 
    <div class="col-lg-12"> 
    <h1 id="header" class="page-header" data-content="User-Managemnet-Popup" data-toggle="popover" data-placement="top" >User Management 
     <span> 
     <button class="btn btn-primary btn-circle" type="button"> 
      <span class="badge">{{userList.length}}</span> Access Request 
     </button> 
     </span> 
    </h1> 
</div> 

и активировать поповер в Javascript:

(function($){ 
    $('#header').popover('show'); 
})(jQuery); 

Answer 2

Другой вариант может быть AlertifyJs. Они хорошо работают: https://github.com/kensho/ng-alertify