11<!DOCTYPE HTML>
22<!--
33/*
4- * JavaScript Templates Demo 1.0.1
4+ * JavaScript Templates Demo 1.0.2
55 * https://github.com/blueimp/JavaScript-Templates
66 *
77 * Copyright 2011, Sebastian Tschan
1515< head >
1616< meta charset ="utf-8 ">
1717< title > JavaScript Templates Demo</ title >
18- < link rel ="stylesheet " href ="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css ">
19- <!--[if lt IE 7]><link rel="stylesheet" href="http://blueimp.github.com/Bootstrap-Image-Gallery/bootstrap-ie6.min.css"><![endif]-->
20- < style type ="text/css "> body {padding-top : 80px ;}</ style >
2118< meta name ="description " content ="< 1KB lightweight, fast & powerful JavaScript templating engine with zero dependencies. Compatible with server-side environments like node.js, module loaders like RequireJS and all web browsers. ">
19+ < link rel ="stylesheet " href ="http://blueimp.github.com/cdn/css/bootstrap.min.css ">
20+ < style > body {padding-top : 60px ;}</ style >
21+ < link rel ="stylesheet " href ="http://blueimp.github.com/cdn/css/bootstrap-responsive.min.css ">
22+ <!--[if lt IE 7]><link rel="stylesheet" href="http://blueimp.github.com/cdn/css/bootstrap-ie6.min.css"><![endif]-->
23+ <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
2224</ head >
2325< body >
24- < div class ="topbar ">
25- < div class ="fill ">
26+ < div class ="navbar navbar-fixed-top ">
27+ < div class ="navbar-inner ">
2628 < div class ="container ">
29+ < a class ="btn btn-navbar " data-toggle ="collapse " data-target =".nav-collapse ">
30+ < span class ="icon-bar "> </ span >
31+ < span class ="icon-bar "> </ span >
32+ < span class ="icon-bar "> </ span >
33+ </ a >
2734 < a class ="brand " href ="https://github.com/blueimp/JavaScript-Templates "> JavaScript Templates</ a >
28- < ul class ="nav ">
29- < li class ="active "> < a href ="# "> Demo</ a > </ li >
30- < li > < a href ="https://github.com/blueimp/JavaScript-Templates/downloads "> Downloads</ a > </ li >
31- < li > < a href ="https://github.com/blueimp/JavaScript-Templates "> Source Code</ a > </ li >
32- < li > < a href ="https://github.com/blueimp/JavaScript-Templates "> Documentation</ a > </ li >
33- < li > < a href ="https://github.com/blueimp/JavaScript-Templates/issues "> Issues</ a > </ li >
34- < li > < a href ="test/ "> Test</ a > </ li >
35- < li > < a href ="https://blueimp.net "> © Sebastian Tschan</ a > </ li >
36- </ ul >
35+ < div class ="nav-collapse ">
36+ < ul class ="nav ">
37+ < li class ="active "> < a href ="# "> Demo</ a > </ li >
38+ < li > < a href ="https://github.com/blueimp/JavaScript-Templates/downloads "> Downloads</ a > </ li >
39+ < li > < a href ="https://github.com/blueimp/JavaScript-Templates "> Source Code</ a > </ li >
40+ < li > < a href ="https://github.com/blueimp/JavaScript-Templates "> Documentation</ a > </ li >
41+ < li > < a href ="https://github.com/blueimp/JavaScript-Templates/issues "> Issues</ a > </ li >
42+ < li > < a href ="test/ "> Test</ a > </ li >
43+ < li > < a href ="https://blueimp.net "> © Sebastian Tschan</ a > </ li >
44+ </ ul >
45+ </ div >
3746 </ div >
3847 </ div >
3948</ div >
@@ -47,19 +56,19 @@ <h1>JavaScript Templates Demo</h1>
4756 </ blockquote >
4857 < br >
4958 < div class ="row ">
50- < div class ="span5 ">
59+ < div class ="span4 ">
5160 < h2 > Template</ h2 >
52- < textarea class ="xlarge " rows ="15 " id ="template "> </ textarea >
61+ < textarea class ="span4 " rows ="15 " id ="template "> </ textarea >
5362 </ div >
54- < div class ="span5 ">
63+ < div class ="span4 ">
5564 < h2 > Data (JSON)</ h2 >
56- < textarea class ="xlarge " rows ="15 " id ="data "> </ textarea >
65+ < textarea class ="span4 " rows ="15 " id ="data "> </ textarea >
5766 </ div >
58- < div class ="span6 ">
67+ < div class ="span4 ">
5968 < h2 > Result</ h2 >
6069 < div class ="well " id ="result "> </ div >
6170 < p >
62- < button class ="btn primary " id ="render "> Render</ button >
71+ < button class ="btn btn- primary " id ="render "> Render</ button >
6372 < button class ="btn " type ="reset " id ="reset "> Reset</ button >
6473 </ p >
6574 </ div >
@@ -95,8 +104,9 @@ <h4>Features</h4>
95104< code > { %= o% } < / c o d e >
96105</ script >
97106< script src ="tmpl.min.js "> </ script >
98- <!-- jQuery is not required, but included for the demo -->
107+ <!-- jQuery and Bootstrap JS are not required, but included for the demo -->
99108< script src ="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "> </ script >
109+ < script src ="http://blueimp.github.com/cdn/js/bootstrap.min.js "> </ script >
100110< script >
101111/*global window, jQuery, tmpl */
102112( function ( $ ) {
@@ -129,4 +139,4 @@ <h4>Features</h4>
129139} ( jQuery ) ) ;
130140</ script >
131141</ body >
132- </ html >
142+ </ html >
0 commit comments