I am using the roots theme, I am new to bootstrap and this forum.
so far my header and nav are full width, with a stripe of colour across the page.
on the home page only, i want an image that spans the page, and then maybe different sections of colour.
I created a custom home page template, but when I put any content into it, it is constrained to the width of the page content.
my question is, is this being caused by the base.php, and if so, what can i do about it? if not how do i create full width sections?
Thanks in anticipation.
** in fact looking at the base php file, i see the whole site is wrapped in this
<div class="wrap container" role="document"> <div class="content row"> <div class="main <?php echo roots_main_class(); ?>" role="main">
then the content,
the custom page has only this code in it (so far)
<div class="purple"> <img class="img-responsive" src="<?php echo get_theme_root_uri(); ?>/choir/assets/img/headimage.jpg"/>
and yet when I inspect the source, its inside another div with class of col-sm-12 (can’t show an image) where is this code coming from?
ok, I have partially answered my own question.
I see that the
<?php echo roots_main_class(); ?> is bringing in the class of col-sm-12.
so if all page templates take their info from base.php , how do I get around this and make sections full width?
sorry if I am not explaining myself very well.