JSFiddle - React, Tailwind, and code Playground

by Rad W

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<html lang="en"><head>
		<meta charset="utf-8">
		<title>mandala - Alarms</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script>
            var location_url = "/locations/location/999999/details/" //used in autocomplete to get url pattern to loc pages
        </script>
        <!--<link rel="shortcut icon" type="image/x-icon" href="{% static 'assets/favicon.ico">-->
        <link rel="shortcut icon" type="image/x-icon" href="/static/assets/favicon.ico?v=2">

        <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link rel="stylesheet" href="/static/CACHE/css/dc79dfe2dba2.css" type="text/css">
        <link type="text/less" rel="stylesheet" href="/static/assets/css/less/mandala.less"><style type="text/css" id="less:static-assets-css-less-mandala">@-ms-viewport {
  width: device-width;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block...

JavaScript

$('[data-toggle="popover"]').popover()