Vertical divider doesn't work in Bootstrap 3

Question

I opened the Nav example which comes with the standard Bootstrap download (bootstrap-3.0.0\\examples\\navbar\\index.html) and added vertical dividers between two of the links.

Answer 1

may be this will help also:

.navbar .divider-vertical {
    margin-top: 14px;
    height: 24px;
    border-left: 1px solid #f2f2f2;
    border-image: linear-gradient(to bottom, gray, rgba(0, 0, 0, 0)) 1 100%;
}