Skip to content

Instantly share code, notes, and snippets.

@koentjuh1
koentjuh1 / Bootstrap 1-lvl dropdown menu .css
Last active Aug 29, 2015
Bootstrap 1-lvl dropdown menu
View Bootstrap 1-lvl dropdown menu .css
.menu {
display: flex;
width: 100%;
}
.navbar-nav .menu-flex{
flex-grow: 1;
text-align:center;
float:none;
}
.navbar-default {
@koentjuh1
koentjuh1 / Bootstrap 2-lvl dropdown menu .css
Last active Aug 29, 2015
Bootstrap 2-lvl dropdown menu
View Bootstrap 2-lvl dropdown menu .css
.header{
background-color:#1c1682;
}
.navbar-default {
background-color: transparent;
border-color: transparent;
border: 0px;
margin: 0px;
}
.navbar-default .navbar-nav>li>a {
View Mobile navigation CSS .css
.top-animate {
background: #fff !important;
top: 13px !important;
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
transform: rotate(45deg);
}
.mid-animate {
opacity: 0;
}
@koentjuh1
koentjuh1 / jQuery: use strict
Last active Aug 29, 2015
jQuery: 'use strict'
View jQuery: use strict
jQuery(document).ready(function () {
'use strict';
});
View carousel.html
@koentjuh1
koentjuh1 / Mobile LEFT navigation.css
Last active Aug 29, 2015
Mobile navigation from the LEFT
View Mobile LEFT navigation.css
#nav-toggle {
width: 30px;
height: 20px;
position: absolute;
z-index: 10;
right: 15px;
display: none;
top: 15px;
}
#nav-toggle .icon-bar {
View Parrent add class to parrent.html
<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
koentjuh1 / Bootstrap carousel slide fix ie9
Created Oct 20, 2015
Bootstrap carousel slide fix ie9
View Bootstrap carousel slide fix ie9
@koentjuh1
koentjuh1 / jQuery Masonry.html
Last active Nov 4, 2015
jQuery Masonry aangepast
View jQuery Masonry.html
<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
koentjuh1 / Jquery: Refresh page when windows size change.js
Created Mar 2, 2016
Jquery: Refresh page when windows size change
View Jquery: Refresh page when windows size change.js
jQuery(function($){
var windowWidth = $(window).width();
$(window).resize(function() {
if(windowWidth != $(window).width()){
location.reload();
return;
}
});
});