If you are falimiar with bootstrap in the page you have a customize section where you set the colors and parameters; at the end you can download your custom bootstrap.neeravpandya wrote: Can you please explain a little as to how do I set a custom bootstrap and get rid of spanX classes.
Please do not mind if this seems to be a very stupid question. I am a newbie.
Then you download it to the template structure and you add the files and folders into template details.xml
In the index.php beforre doctype you se t this:
Code: Select all
<?php
defined( '_JEXEC' ) or die;
$doc = JFactory::getDocument();
$this->language = $doc->language;
$this->direction = $doc->direction;
// Añadiendo las hojas de estilos CSS
$doc->addStyleSheet('templates/'.$this->template.'/css/bootstrap.min.css');
$doc->addStyleSheet('templates/'.$this->template.'/css/bootstrap.css');
?>
<!DOCTYPE html>
Then you start to work in the blocks and you set instead of span-X the value col-md-x
then you can add if you want col-xs-X or col-lg-X but if you're used to BS 2.3.2 structure col-md-X will do fo you.
Don't forget to add your .js files at the end of the file this way:
Code: Select all
<?php $doc->addScript('templates/'.$this->template.'/js/bootstrap.min.js'); ?>
</body>
</html>
This is basically how to set up a Custom Bootstrap into your custom template since you might need your custom colors for body, text, hyperlinks, gutter for the grid and column base.