Skip to content

Instantly share code, notes, and snippets.

@diegodelfin7

diegodelfin7/bootstrap-menu-triangles.css

Created February 22, 2017 05:27
Show Gist options
  • Save diegodelfin7/8f7bf430127727f03d7c5edc883a6f40 to your computer and use it in GitHub Desktop.
Save diegodelfin7/8f7bf430127727f03d7c5edc883a6f40 to your computer and use it in GitHub Desktop.
Download ZIP
Triangles for bootstrap dropdown menus
Raw
bootstrap-menu-triangles.css
.dropdown-menu::before {
border-bottom: 9px solid rgba(0, 0, 0, 0.2);
border-left: 9px solid rgba(0, 0, 0, 0);
border-right: 9px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
left: 86px;
position: absolute;
top: -8px;
}
.dropdown-menu::after {
border-bottom: 8px solid #FFFFFF;
border-left: 9px solid rgba(0, 0, 0, 0);
border-right: 9px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
left: 86px;
position: absolute;
top: -7px;
}
@wilfredonoyola
Copy link

Thanks! it works !!

@KnockOutEZ
Copy link

Thanks brother

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment