Made the base template play nicer on mobile screens (set viewport attribute and added menu dropdown toggle to the navbar).

This commit is contained in:
Ag Despopoulos
2015-04-08 16:11:59 -04:00
parent 8e8879315f
commit ccb1403b12

View File

@@ -14,14 +14,22 @@
<link href="/static/css/lib/bootstrap-colorpicker.min.css" rel="stylesheet">
<link href="/static/css/lib/bootstrap-datetimepicker.min.css" rel="stylesheet">
<link href="/static/css/cheesy-arena.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="/">Cheesy Arena</a>
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#navbar-collapse-menu">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<div class="navbar-collapse collapse" id="navbar-collapse-menu">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Setup</a>