BOOTSTRAP how create scrollable dropdown menu bootstrap - Net-Raft.com

Welcome aboard! We are happy you are here and wish you good net-raft!




Just a Web Code Solution
join us

How create scrollable dropdown menu in bootstrap ?


 546

Show ResultBOOTSTRAP


2

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<style>
.scrollable-menu {
height: auto;
max-height: 50px;
overflow-x: hidden;
}
</style>

</head>
<body>

<div class="container">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
<span class="caret"></span></button>
<ul class="dropdown-menu scrollable-menu" role="menu">
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
</ul>
</div>
</div>

</body>
</html>


By        
The power of the user (%)
13%



The most helpful BOOTSTRAP solutions

loading bar bootstraploading bar bootstrapBOOTSTRAP

Click to see more ...

  1.1K     71

How create progress bar using bootstrap ?How create progress bar using bootstrap ?BOOTSTRAP

Click to see more ...

  585     63

How to create bootstrap media object ?How to create bootstrap media object ?BOOTSTRAP

Click to see more ...

  718     53

How create scrollable dropdown menu in bootstrap ?How create scrollable dropdown menu in bootstrap ?BOOTSTRAP

Click to see more ...

  546     49

table bootstraptable bootstrapBOOTSTRAP

Click to see more ...

  511     42

How to set bootstrap checkboxes inline ?How to set bootstrap checkboxes inline ?BOOTSTRAP

Click to see more ...

  372     41

How create bootstrap navbarHow create bootstrap navbarBOOTSTRAP

Click to see more ...

  618     33

how to create a bootstrap banner with help of alert ?how to create a bootstrap banner with help of alert ?BOOTSTRAP

Click to see more ...

  261     31

How create fixed navbar in bootstrapHow create fixed navbar in bootstrapBOOTSTRAP

Click to see more ...

  336     24

How to create bootstrap input file ?How to create bootstrap input file ?BOOTSTRAP

Click to see more ...

  230     19

Welcome aboard!
We are happy you are here and
wish you good net-raft!