Hi all!
I have almost done my first ever clean template based on bootstrap, and im not a programmer.
I want to make a flexible template
My mainblock looks like here
<blockquote><div class=”container”>
<?php if($this->countModules(‘left’)) : ?>
<div class=”span2″>
<div class=”boxlr”>
<jdoc:include type=”modules” name=”left” style=”xhtml” />
</div>
</div>
<?php endif; ?>
<div class=”span7″>
<div class=”hero-unit”>
<jdoc:include type=”message” />
<jdoc:include type=”component” />
</div>
</div>
<?php if($this->countModules(‘right’)) : ?>
<div class=”span2″>
<div class=”boxlr”>
<jdoc:include type=”modules” name=”right” style=”xhtml” />
</div>
</div>
<?php endif; ?>
<div style=”clear:both;”>
<div class=”row”>
<div class=”span4″>
<jdoc:include type=”modules” name=”user1″ style=”xhtml” />
</div>
<div class=”span4″>
<jdoc:include type=”modules” name=”user2″ style=”xhtml” />
</div>
<div class=”span4″>
<jdoc:include type=”modules” name=”user3″ style=”xhtml” />
</div>
</div>
<div class=”row”>
<jdoc:include type=”modules” name=”breadcrumb” style=”xhtml” />
</div>
<footer>
<jdoc:include type=”modules” name=”footer” style=”xhtml” />
</footer>
</div></blockquote>
Almost is good but i want to make something like this
If both of left and right columns are disabled (no modules assigned) then the mainblock hero-unit is full width like span12 (940px) instead of span7 (540px).
When one column is used 1/3 of container (left or right) then the main block will be at 2/3 of rest space.
I hope this is not big problem. Thanks for any help!