Skip to content

Instantly share code, notes, and snippets.

@marlenesco
Created January 27, 2016 16:43
Show Gist options
  • Save marlenesco/28f7968942087f43c3df to your computer and use it in GitHub Desktop.
Save marlenesco/28f7968942087f43c3df to your computer and use it in GitHub Desktop.
Bootstrap 3 vertical divider in less
.nav > li.divider {
display: none;
@media (min-width: @screen-sm) {
display: block;
& > a {
padding-left: 0;
padding-right: 0;
cursor: default;
&:hover,
&:active,
&:focus {
background-color: inherit;
color: @brand-primary;
text-decoration: inherit;
}
}
}
}
@marlenesco
Copy link
Author

Example


<ul class="nav navbar-nav">
    <li><a href="#">Item</a></li>
    <li role="separator" class="divider"><a>|</a></li>
    <li><a href="#">Item</a></li>
</ul>


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