• Wednesday , 27 May 2020

How to Create a Drupal 8 Theme Using Bootstrap

Code Canyon
https://i.ytimg.com/vi/PuiqDxoEBCE/hqdefault.jpg



Bootstrap is one of the most popular digital (HTML, CSS and JS) frameworks used today. Because it makes front-end web development faster for any device and for projects of all sizes, many of the responsive mobile first applications you interact with daily were built on Bootstrap.

Join this tech talk to learn how to create a Bootstrap theme for Drupal 8. We’ll go through the process of creating a Bootstrap subtheme in Drupal 8, as well as how you can customize it to suit your site’s design.

The process will include:

– Structuring your sub-theme files

– Figuring out your mobile-first strategy

– Using Compass to compile CSS from SCSS

– Overriding Bootstrap variables & custom variables

– Twig template file customization

– Bootstrap options for Panels, Views, Display Suite

Original source

3d Ocean

Related Posts

8 Comments

  1. Nicky Agarwalla
    January 29, 2020 at 16:59

    very precise and clear concepts (y)

  2. Hasan Raza
    January 29, 2020 at 16:59

    Nicely explained but for creating Drupal 8 themes using bootstrap framework, have a look at: https://www.cloudways.com/blog/create-responsive-drupal-theme-with-bootstrap/ I found it very useful and good source.

  3. krishna shakya
    January 29, 2020 at 16:59

    Last 10 minute was really helpful. There is always a dilemma in Drupal/Open source to figure which one is a right way to do a task. Thanks for clearing things up!!!

  4. Hans Nieuwenhuis
    January 29, 2020 at 16:59

    Hi,

    Excellent tutorial / explanation.
    I learn a lot from it.
    Thanks for all the work !!

  5. Emma Page
    January 29, 2020 at 16:59

    I am using bootstrap powered Drupal theme builder TemplateToaster.

  6. HTrance
    January 29, 2020 at 16:59

    Thanks for the great video. I saw you used the helper module field group. This is currently being ported. Can i conclude that its current issues aren't severe enough for you? Or are you using workarounds?

  7. erratic_calm
    January 29, 2020 at 16:59

    This is super helpful. Thank you.

  8. mohammed zine
    January 29, 2020 at 16:59

    Hello please I install a theme (bootstrap) on my project (drupal 7) this theme contains pictures I want to delete these pictures and put my own pictures how?(If there is a video that explains that) Thanks

Leave A Comment

You must be logged in to post a comment.