WWP Framework

Dropdown

HTML
CSS

		
		<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">
				<li><a href="#">HTML</a></li>
			    <li><a href="#">CSS</a></li>
			    <li><a href="#">JavaScript</a></li>
			</ul>
		</div>

		
		.dropdown-menu{
			min-width: inherit;
			width: 300px;
			min-height: 100px;
			background-color: #eee;
			border: none;
			border-radius: 0;
			box-shadow: none;

			display: block;
			opacity: 0;
			visibility: hidden;

			transition: all 200ms ease-in-out;
		}
		.dropdown.open .dropdown-menu{
			opacity: 1;
			visibility: visible;
		}