Franz rodenacker

## displaygrid.css
/*migrate bootstrap columns to display:grid*/
@supports (display: grid) {
    .row {
        display: grid;
        grid-template-columns: repeat(12, minmax(10px, 1fr));
        grid-gap: 0;
        margin: 0;
    }

    .col-md-1, .col-xs-1, .col-lg-1 {

## material-design-checkboxes-radiobuttons.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
<style>
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	/migrate bootstrap columns to display:grid/
	@supports (display: grid) {
	.row {
	display: grid;
	grid-template-columns: repeat(12, minmax(10px, 1fr));
	grid-gap: 0;
	margin: 0;
	}

	.col-md-1, .col-xs-1, .col-lg-1 {
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style>
	input[type="radio"]:focus,
	input[type="checkbox"]:focus {