Dropdown Content not showing

[uthubaba]

I am using W3.CSS framework. Been using Bootstrap before but i think W3.css is more fast and want to try it out as well.

I set a dropdown button with contents but when i hover it, it does not show dropdown.

Am I missing anything out? i Have tried this on Chrome and Edge. below is the code.

<div class="w3-dropdown-hover">
<button class="w3-button">Dropdown <i class="fa fa-caret-down"></i> </button>
<div class="w3-dropdown-content w3-bar-block w3-card-4">
  <a href="#" class="w3-bar-item w3-button">Link 1</a>
  <a href="#" class="w3-bar-item w3-button">Link 2</a>
  <a href="#" class="w3-bar-item w3-button">Link 3</a>
</div>