Menu
▾
▴
Re: [Exist-development] I am working on adding the responsive elements from bootstrap to the eXist app templates
|
From: Loren C. <lor...@gm...> - 2013-02-27 22:15:12
|
My playground areas are: From the eXist template: http://greatlinkup.com:8080/exist/apps/template/index.html From the bootstrap template: http://greatlinkup.com:8080/exist/apps/bstemplate/index.html I am currently working on the navbar background. Once I get the colors working, then I will work on the dropdown working. on the eXist template, I added @import url('bootstrap-responsive.min.css'); to the exist.css. and added <meta name="viewport" content="width=device-width, initial-scale=1.0"/> to the page.html. On the bootstrap, I changed the head to: <head> <title class="config:app-title">App Title</title> <meta class="config:app-meta"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link rel="shortcut icon" href="resources/images/favicon.ico"/> <link rel="stylesheet" type="text/css" href="resources/css/bootstrap.min.css"/> <link rel="stylesheet" type="text/css" href="resources/css/bootstrap-responsive.min.css"/> <link rel="stylesheet" type="text/css" href="resources/css/style.css"/> <script type="text/javascript" src="$shared/resources/scripts/jquery/jquery-1.7.1.min.js"/> <script type="text/javascript" src="$shared/resources/scripts/loadsource.js"/> </head> The nav entries for both are: <div class="navbar"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">eXist-db</a> <div class="nav-collapse collapse navbar-responsive-collapse"> <ul class="nav"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Home <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li class="nav-header">Nav header</li> <li><a href="#">Separated link</a></li> <li><a href="#">One more separated link</a></li> </ul> </li> </ul> <form class="navbar-search pull-right" action=""> <input type="text" class="search-query span2" placeholder="Search"/> </form> </div><!-- /.nav-collapse --> </div> </div><!-- /navbar-inner --> </div> I welcome any feedback from the group. I downloaded from http://twitter.github.com/bootstrap/assets/bootstrap.zip and moved the contents into the appropriate places in both projects resources folder. On Feb 27, 2013, at 3:57 PM, Adam Retter <ad...@ex...> wrote: > I cant contribute anything apart from enthusiasm I am afraid. Loren > this is a great thing to do :-) > > On 27 February 2013 21:50, Loren Cahlander <lor...@gm...> wrote: >> The bootstrap template with the responsive additions is at: >> http://greatlinkup.com:8080/exist/apps/bstemplate/index.html >> >> >> On Feb 27, 2013, at 3:48 PM, Joe Wicentowski <jo...@gm...> wrote: >> >> Hey Loren, >> >> Here is my playground: >> http://greatlinkup.com:8080/exist/apps/template/index.html# >> >> >> Neat - good work so far! >> >> Joe >> >> >> >> ------------------------------------------------------------------------------ >> Everyone hates slow websites. So do we. >> Make your web apps faster with AppDynamics >> Download AppDynamics Lite for free today: >> http://p.sf.net/sfu/appdyn_d2d_feb >> _______________________________________________ >> Exist-development mailing list >> Exi...@li... >> https://lists.sourceforge.net/lists/listinfo/exist-development >> > > > > -- > Adam Retter > > eXist Developer > { United Kingdom } > ad...@ex... > irc://irc.freenode.net/existdb |
