bemethavinci
Graham here is the code.
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#"><img class="pull-
left" src="VINCEY" alt="VINCEY" /></a>
</div> <ul id="" class="nav nav-tabs xt_navigation">
<li class="active"><a href="#">Home</a></li>
<li><a href="/Blog">Blog</a></li>
<li><a href="/forum">Forum</a></li>
</ul>
</div> </nav>
bemethavinci
Graham are you tryinq to say i can design the blog with jus twiging it?...if yes,how do i start and end it using bootstrap markup.
Graham
bemethavinci ok so do you have a image file just called 'VINCEY' and where is it ? if it is in your main root then the address would be /VINCEY and has the file got no extension? and is it named in all uppercase
Graham
bemethavinci it all depends on how you want to show the blog what markup you want on the page and what you want to be part of the blog function
My blog twig files at
http://baretest.xtgem.com/templates/Blog have all the bootstrap markup already in them for a two column output (single on mobiles under 768px) all the function needs is a <div class="container-fluid"> wrapper
A complete page (without the fancy 'related' posts feature xtscript) for my twig can be as simple as
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Forum</title>
</head>
<body>
<div data-xtcontainer="container" class="container-fluid">
<xt:blog>
</div>
</body>
</html>
Copy code
bemethavinci
Graham i just use the vincey as the logo name...thats all...
bemethavinci
Graham i will send an image of how i want my blog to look like...jus give me some min...
bemethavinci
Graham look at how i created the structure of my design...thats how i want the blog to look like sir
bemethavinci
bemethavinci what do you think sir?...
Graham
bemethavinci OK then
Forget the blog function for now and just concentrate on the rest of the page
A basic bootstrap page for that would look like this
This is for a standard unaltered blog twig
The 'panels' for the blog will be created in the twig file when we start customizing it
(+ your _header and _footer)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Bootstrap page</title>
</head>
<body>
<div data-xtcontainer="container" class="container-fluid">
<div data-xtcontainer="row" class="row">
<div data-xtcontainer="col sm 6 1st" class="col-sm-6">
Your blog will go here
</div>
<div data-xtcontainer="col sm 6 2nd" class="col-sm-6">
<div data-xtcontainer="panel" class="panel panel-default">
<div data-xtcontainer="panel heading" class="panel-heading">Advertising panel heading</div>
<div data-xtcontainer="panel body" class="panel-body">Advertising panel body</div>
<div data-xtcontainer="panel footer" class="panel-footer">Advertising panel footer</div>
</div>
</div>
</div>
</div>
</body>
</html>
Copy code
On larger (768px +) screens this will show as two side by side panels of even width
on smaller screens they are stacked
The code is also safe to open in the building tool
if you create a folder named
file_presets and save a copy of this template in that folder
Then reload xtgem in your browser and when you 'Create new file' in a folder or the main filebrowser the template page appears as one of the options
you can do the same for any commonly used template or code file
bemethavinci
Graham ok...so i just need to add this codes on the header and footer of my page and support it with some classes right?...i didnt get what u said about me creating a fold ''file_presets''and saving a copy of the template and reload