Bootstrap 3 removed the dividers so i added my own ones, they automatically adjust for when the menu is swapped to portrait for navbars.

Bootstrap 3 - Dividers - Vertical and Horizontal.css

ind {
	/*Indent with 4 line spacing, SUCK IT 2 LINE SPACING!*/
	margin-left: 2em;
}

/* So apparently DEVIDERS in a MENU IS NOT A THING
	THAT THE MASSES WANT?? MY ASS, HAVE YOU EVER SEEN
	A BOOTSTRAP 2 SITE. WHAT BS */ 


/*
 * divider-vertical - This will only show if the
 * 						navbar is horizontal.
 * divider-auto		- Shows if the navbar is horizontal or 
 * 						vertical.
 */


.navbar .divider-vertical {
	height: 50px;
	margin: 0 9px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
	border-right-color: #222222;
	border-left-color: #111111;
}

.navbar .divider-auto {
	height: 50px;
	margin: 0 9px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-auto {
	border-right-color: #222222;
	border-left-color: #111111;
}


@media (max-width: 767px) {
	.navbar-collapse .nav > .divider-vertical {
		display: none;
	}

	.navbar-collapse .nav > .divider-auto {
		height: 1px;
		margin: 9px 0;
		border: 0px;
		background-color: #f2f2f2;
		/* Uncomment to have a space 
	 	 * between the sides of the dashes
		 **/ /* 
			margin-left: 10px; 
    		margin-right: 10px; 
		*/
	}
}