body.fragments {
	
	// This was creating scrollbars
	.tab-content {
		overflow: visible;
	}
	
	// Make it flush
	.tab-pane {
		@include flush-child-spans;
		
		// Space sections
		> div {
			margin-bottom: 20px;
		}
	}
	
	// Make the pills grey scale
	.nav-pills a {
		color: $near-black;
		background: $light-grey;
		&:hover {
			color: black;
			background: #eee;
		}
	}
	.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
		color: white;
		background: $near-black;
	}
	
}
body.fragments {
	
	// This was creating scrollbars
	.tab-content {
		overflow: visible;
	}
	
	// Make it flush
	.tab-pane {
		@include flush-child-spans;
		
		// Space sections
		> div {
			margin-bottom: 20px;
		}
	}
	
	// Make the pills grey scale
	.nav-pills a {
		color: $near-black;
		background: $light-grey;
		&:hover {
			color: black;
			background: #eee;
		}
	}
	.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
		color: white;
		background: $near-black;
	}
	
	// Fix positioning at all breakpoints.  Bootstrap span rules tweak this.
	.nav-pills {
		margin-left: 0;
	}
	
	// Make the pills float on mobile
	@include respond-to($bootstrap_nav_break, down) {
		.nav-pills li {
			float:left;
			margin-right: 4px;
		}
	}
	
}
Fix positioning of sidebar at different screen widths
Fix positioning of sidebar at different screen widths
