koentjuh1

.menu {
	display: flex;
	width: 100%;
}
.navbar-nav .menu-flex{
	flex-grow: 1;
	text-align:center;
	float:none;
}
.navbar-default {

koentjuh1

.header{
	background-color:#1c1682;
}
.navbar-default {
	background-color: transparent;
	border-color: transparent;
    border: 0px;
	margin: 0px;
}
.navbar-default .navbar-nav>li>a {

koentjuh1

.top-animate {
  background: #fff !important;
  top: 13px !important;
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.mid-animate {
  opacity: 0;
}

koentjuh1

jQuery(document).ready(function () {
  'use strict';
  
});

koentjuh1

<div id="carousel" class="carousel slide" data-ride="carousel">
	<!-- Indicators -->
  	<ol class="carousel-indicators">
	 </ol>

	<!-- Wrapper for slides -->
	<div class="carousel-inner" role="listbox">
		<div class="item active">
	    		<img src="http://placehold.it/1900x550" class="img-responsive" alt="">
			<div class="carousel-caption">

koentjuh1

#nav-toggle {
    width: 30px;
    height: 20px;
    position: absolute;
    z-index: 10;
    right: 15px;
	display: none;
    top: 15px;
}
#nav-toggle .icon-bar {

koentjuh1

<div class="side-box">
  <h4 class="side-title">Schermdiogonaal <i class="fa fa-angle-down"></i></h4>
	<ul class="side-list">
		<li><label><input type="checkbox"><span> Check me out</span></label></li>
		<li><label><input type="checkbox"><span> Check me out</span></label></li>
		<li><label><input type="checkbox"><span> Check me out</span></label></li>
		<li><label><input type="checkbox"><span> Check me out</span></label></li>
		<li><label><input type="checkbox"><span> Check me out</span></label></li>
  </ul>
</div>

koentjuh1

https://gist.github.com/barryvdh/6155151

koentjuh1

<div id="container">
  <article class="col-sm-4 blog-article item">
  	<div class="b-inner">
  		<h3 class="b-title">Titel 1</h3>
  		<a href="/" class="btn btn-default">Lees het volledige artikel</a>
  	</div>
  </article>
  <article class="col-sm-4 blog-article item">
  	<div class="b-inner">
  		<h3 class="b-title">Title 2</h3>

koentjuh1

jQuery(function($){
var windowWidth = $(window).width();

$(window).resize(function() {
    if(windowWidth != $(window).width()){
    location.reload();
    return;
    }
});
});