(Created page with "<html> <section class="section tot"> <div class="container"> <div class="content"> <div class="columns"> <div class="column"> <div clas...") |
|||
| Line 7: | Line 7: | ||
<div class="dropdown is-active"> | <div class="dropdown is-active"> | ||
<div class="dropdown-trigger"> | <div class="dropdown-trigger"> | ||
| − | <button class="button" aria-haspopup="true" aria-controls="dropdown- | + | <button class="button" aria-haspopup="true" aria-controls="dropdown-menu2"> |
| − | <span> | + | <span>Content</span> |
<span class="icon is-small"> | <span class="icon is-small"> | ||
<i class="fas fa-angle-down" aria-hidden="true"></i> | <i class="fas fa-angle-down" aria-hidden="true"></i> | ||
| Line 14: | Line 14: | ||
</button> | </button> | ||
</div> | </div> | ||
| − | <div class="dropdown-menu" id="dropdown- | + | <div class="dropdown-menu" id="dropdown-menu2" role="menu"> |
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| − | < | + | <div class="dropdown-item"> |
| − | + | <p>You can insert <strong>any type of content</strong> within the dropdown menu.</p> | |
| − | </ | + | </div> |
| − | < | + | <hr class="dropdown-divider"> |
| − | + | <div class="dropdown-item"> | |
| − | + | <p>You simply need to use a <code><div></code> instead.</p> | |
| − | < | + | </div> |
| − | |||
| − | |||
| − | |||
| − | |||
| − | </ | ||
<hr class="dropdown-divider"> | <hr class="dropdown-divider"> | ||
<a href="#" class="dropdown-item"> | <a href="#" class="dropdown-item"> | ||
| − | + | This is a link | |
</a> | </a> | ||
</div> | </div> | ||
| Line 36: | Line 31: | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
You can insert any type of content within the dropdown menu. You simply need to use a
<div> instead.
This is a link