본문 바로가기

IT/Develop

Bootstrap 4 Popover

 

 

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<button type="button" class="btn btn-secondary element" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on bottom
</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
$('.element').popover('enable')

'IT > Develop' 카테고리의 다른 글

Bootstrap 4 Modal  (0) 2019.10.22
background-clip  (0) 2019.10.22
CSS Gradient Text  (0) 2019.10.22