Difference between revisions of "Sandbox-Dropdown-Menu"

(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-menu">
+
     <button class="button" aria-haspopup="true" aria-controls="dropdown-menu2">
       <span>Dropdown button</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-menu" role="menu">
+
   <div class="dropdown-menu" id="dropdown-menu2" role="menu">
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
       <a href="#" class="dropdown-item">
+
       <div class="dropdown-item">
         Dropdown item
+
         <p>You can insert <strong>any type of content</strong> within the dropdown menu.</p>
       </a>
+
       </div>
       <a class="dropdown-item">
+
       <hr class="dropdown-divider">
        Other dropdown item
+
       <div class="dropdown-item">
      </a>
+
         <p>You simply need to use a <code>&lt;div&gt;</code> instead.</p>
       <a href="#" class="dropdown-item is-active">
+
       </div>
         Active dropdown item
 
      </a>
 
      <a href="#" class="dropdown-item">
 
        Other dropdown item
 
       </a>
 
 
       <hr class="dropdown-divider">
 
       <hr class="dropdown-divider">
 
       <a href="#" class="dropdown-item">
 
       <a href="#" class="dropdown-item">
         With a divider
+
         This is a link
 
       </a>
 
       </a>
 
     </div>
 
     </div>
Line 36: Line 31:
 
</div>
 
</div>
  
            </div>
 
          </div>
 
        </div>
 
      </div>
 
    </section>
 
 
    <section class="section tot">
 
      <div class="container">
 
        <div class="content">
 
          <div class="columns">
 
            <div class="column">
 
 
             </div>
 
             </div>
 
           </div>
 
           </div>

Revision as of 10:03, 13 May 2018