Use responsive design

2012-08-30 21:33:32 +02:00 · 2012-08-30 21:33:32 +02:00 · fa6c681120
commit fa6c681120
parent 412fa08533
3 changed files with 3 additions and 2 deletions
--- a/templates/header.html
+++ b/templates/header.html
@ -2,6 +2,7 @@
 <html>
 <head>
 	<link href="/css/bootstrap.css" rel="stylesheet">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link href="/css/bootstrap-responsive.css" rel="stylesheet">
 	<style type="text/css">
 		.centered { text-align:center; }
--- a/templates/index.html
+++ b/templates/index.html
@ -18,7 +18,7 @@
 	{{end}}
 {{end}}
 </div>
-<div class="row">
+<div class="row hidden-phone">
 {{with .Books}}
 	{{range .}}
 		<div class="span2">
--- a/templates/read.html
+++ b/templates/read.html
@ -23,7 +23,7 @@
 </ul>
 {{end}}
 {{range .In}}
-<ul class="nav nav-list">
+<ul class="nav nav-list hidden-phone">
 {{end}}
 	<li {{if .Active}}class="active"{{end}}><a href="{{.Link}}">{{.Label}}</a></li>
 {{end}}