Getting Started with Bootstrap 4 using Barrio in Drupal 8



https://i.ytimg.com/vi/D5A_aFdlWEs/hqdefault.jpg



In this video, learn how to use Bootstrap 4 in Drupal 8 using the Barrio theme.

Sections:
– Get Barrio (00:36)
– Create sub-theme (01:47)
– Barrio Settings (05:05)
– Load Bootstrap locally (10:02)
– Bootstrap library (16:00)

— Resources
Barrio (https://www.drupal.org/project/bootstrap_barrio)
Bootstrap library (https://www.drupal.org/project/bootstrap_library)
Bootstrap4 (https://www.drupal.org/project/bootstrap4)
BootBase(https://www.drupal.org/project/bootbase)

— Connect with us —

Expert Drupal Training and Consulting


https://www.youtube.com/c/webwashnet

https://www.facebook.com/webwash/
https://www.instagram.com/webwash/

Original source


27 responses to “Getting Started with Bootstrap 4 using Barrio in Drupal 8”

  1. why dont you create a page please we can learn how to develop a webpage in drupal using barrio theme..and if you work on page.html.twig it will be more usefull . if any one find this please share the link here i want to learn.

  2. Hi Ivan, thanks for share this info.

    I have a problem and maybe you can help me. I've installed barrio subtheme but when I open my home, I didn't see navbar links in white as you shows and my navbar didn't show the button to collapse and didn't works well when scroll down (afix setting). Aditionally my content didn't have padding from navbar, I don't know what's wrong.

    I've reinstalled the theme a few times with no sucess. Thanks for your time!!

  3. Hello Ivan, I did exactly what you said in your video and it works fine, only when I go to Appearance and then in the settings of the subtheme (Barrio Custom 8.x-4.18 (default theme)) he throws me an unknown error. I can't understand why that happened!

    And when i go into another theme like Bartik 8.6.7 or any other theme it works fine.

    Do you have a tipp, what could that be?

  4. Probably would be good to mention that Bootstrap 4 and IE 9 and below do not play well together. Expect a broken website for Microsoft <= IE users. (I think it is a flexbox incompatibility issue)

  5. seeing as drupal/bootstrap has v4 in the pipeline do you think its worth looking at the dev version of that. Thinking of future compatibility and upgrading, which do you think is the best way to go right now

Leave a Reply