Bootstrap Sub-Theme: Add a "featured (Jumbotron) region?

By adminMN2023 on 28 Nov 2016 at 20:58 UTC

I research and can find bits of the puzzle.

1 - I want to add a "featured" region to the bootstrap sub-theme I am working with.

2 - I'm new to drupal & drupal 8 and bootstrap - but am catching on.

3 - Watched a video that does just what I want in Drupal 7 - but I'm in Drupal 8 and can't find the files.

In a Drupal 7 tutorial video - the fellow grabs a template file from his child theme called page.tpl.php and adds some code to that.

--> I have no file like that in my sub theme.

Question 1: Do I copy a file from the bootstrap parent theme into my sub theme? (Where is it located)
Question 2: Do I then add the proper PHP code? (followed by css?)

Little lost - and could use some pointers as adding regions seems to be pretty crucial to expanding the bootstrap theme.

Any help is appreciated.

Tom

Comments

almost there...

adminMN2023 commented 28 November 2016 at 22:13

Hello again.

I got a region to appear by adding this:

<div class="wrapper">
    {{ page.featured }}
</div>

to page.html.twig (which I copied from the parent theme into my sub-theme following the folder structure)

But it's not clearing the navigation div. Tried clear:left, clear:both,...

I don't think I should have to add margin. Seems like it should clear using CSS.

See Screenshot Thoughts?

Jumbotron "space" loading on every page...

adminMN2023 commented 29 November 2016 at 14:28

I got the "jumbotron" to appear on the home page by adding this code:

<div class="wrapper jumbotron">
    {{ page.jumbotron }}
</div>

In the block - I added <front> so it just appears on the homepage.

However, I added css:
.jumbotron {height:70vh;}

The space created by the css class now appears on EVERY page. [the text does not]

I thought the "visibility" of the block (in totality) was controlled by the property - which I guess it is not.

How do I get the jumbotron block to NOT appear on any other page but the front?

Did you find a way forward?

DashDesai commented 16 December 2017 at 06:54

Hi Tom - I am going round in circles too on this one. I am hoping you were able to find a way to achieve this and will be able to share your learnings.