Rugzak

Regular Expressions

https://regex101.com/#
QuickRef

Examples

Manual

Alle hengelo.nl mail-adressen:
([a-zA-Z0-9\.]*@hengelo.nl|[a-zA-Z0-9]*@hengelo.nl)

Beter en strakker:
\w+([\.-]?\w+)*@hengelo\S*
of via grouping en 1 capturing:
(\w+\.?\w+@hengelo\S*)
afkappen na .nl:
(\w+\.?\w+@hengelo\S*.nl)

Alle getallen:
\d+

Alles behalve de mail-adressen:
(^|\s)[^@]+($|\s)

Bootstrap CSS

For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.

Try to use these on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device’s presentation.

Available classes

Use a single or combination of the available classes for toggling content across viewport breakpoints.

Extra small devices Phones (<768px) Small devices Tablets (≥768px) Medium devices Desktops (≥992px) Large devices Desktops (≥1200px)
.visible-xs-* Visible
.visible-sm-* Visible
.visible-md-* Visible
.visible-lg-* Visible
.hidden-xs Visible Visible Visible
.hidden-sm Visible Visible Visible
.hidden-md Visible Visible Visible
.hidden-lg Visible Visible Visible

As of v3.2.0, the .visible-*-* classes for each breakpoint come in three variations, one for each CSS display property value listed below.

Group of classes CSS display
.visible-*-block display: block;
.visible-*-inline display: inline;
.visible-*-inline-block display: inline-block;

So, for extra small (xs) screens for example, the available .visible-*-* classes are: .visible-xs-block, .visible-xs-inline, and .visible-xs-inline-block.

The classes .visible-xs, .visible-sm, .visible-md, and .visible-lg also exist, but are deprecated as of v3.2.0. They are approximately equivalent to .visible-*-block, except with additional special cases for toggling <table>-related elements.

Print classes

Similar to the regular responsive classes, use these for toggling content for print.

Classes Browser Print
.visible-print-block
.visible-print-inline
.visible-print-inline-block
Visible
.hidden-print Visible

The class .visible-print also exists but is deprecated as of v3.2.0. It is approximately equivalent to .visible-print-block, except with additional special cases for <table>-related elements.

 

 

/*=============== = Bootstrap 3 MediaQueries =======*/

/*========== Mobile First Method ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) { }

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) { }

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) { }

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) { }

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) { }

 

 

/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) { }

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) { }

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) { }

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) { }

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) { }