Deprecated: Function create_function() is deprecated in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/plugins/wp-automatic/wp-automatic.php on line 70

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; COUNT_CLASS has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/functions.php on line 1713

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; sidebar_generator has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/plugins/multiple_sidebars.php on line 29

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_video_widgets has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/video.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_soundcloud has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/soundcloud.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_counter_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/social-counter.php on line 9

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_news_in_pic has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/new-in-pic.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Flickr_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/flickr.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_fb_likebox has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/fb.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_google_follow has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/google-follow.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_popular has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/popular-posts.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_recent_posts has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/recent-posts.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_cate_posts has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/category-posts.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; tabs_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/tabs.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_youtube_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/youtube-subscribe.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_social_links has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/social-links.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_comments_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/comments.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_author_bio has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/bio-author.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_login has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/login.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_search_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/search.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Ad_120_600_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/ads120.php on line 7

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Ad_125_125_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/ads125.php on line 7

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Ad_250_250_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/ads250.php on line 7

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Ad_300_300_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/ads300.php on line 7

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_tweets_load has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/twittes.php on line 10

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; feedburner_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/newsletter.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_related has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/related.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_slider has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/slider.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_top_rate has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/top-review.php on line 6
Getting Started with Bootstrap 4 using Barrio in Drupal 8 | D4mations.com
  • Tuesday , 19 January 2021

Getting Started with Bootstrap 4 using Barrio in Drupal 8

Code Canyon
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

3d Ocean

Related Posts

27 Comments

  1. Hansom Jack
    May 9, 2020 at 18:48

    he said poppa library lol

  2. Karol K
    May 9, 2020 at 18:48

    Hi, any tips how to create this base theme on D7 ?;/ there doesn't seem to sub theme folder in the Bario folder

  3. Len Lamberg
    May 9, 2020 at 18:48

    Thanks, this was a great intro to Barrio, especially installation options

  4. Shankar Sharma
    May 9, 2020 at 18:48

    Thanks for the video can you please share one example video on how we can user bootstrap 4 mega menus with this theme

  5. Barath Sri
    May 9, 2020 at 18:48

    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.

  6. Cristina Albano
    May 9, 2020 at 18:48

    Thanks! It helped me to clearify some issue I got trying to make barrio subtheme working properly!

  7. Patrik Melicherík
    May 9, 2020 at 18:48

    Be aware of "replace input type button with HTML5 button" if you choose this setting your views won't be able to filter using AJAX. Due known issue

  8. Юра Панчук
    May 9, 2020 at 18:48

    ty, this is helpful for me

  9. EsHbAn BaHaDuR
    May 9, 2020 at 18:48

    what is best to use Bootstrap 3 or Bootstrap 4?

  10. Tomáš Bartoš
    May 9, 2020 at 18:48

    amazing thank you

  11. Nicholas Gunner
    May 9, 2020 at 18:48

    Thank you for this fantastic walkthrough!

  12. WebWash
    May 9, 2020 at 18:48

    @Darren, Tool at 5:00 is Firefox responsive design mode, https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_Mode

    P.S, I get a notification of your comment but I can never see it on YouTube.

  13. matinirvana22
    May 9, 2020 at 18:48

    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!!

  14. Stavros Stavridis
    May 9, 2020 at 18:48

    Excellent video! It is possible to apply a theme from bootswatch to my barrio subtheme?

  15. Martin Mailänder
    May 9, 2020 at 18:48

    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?

  16. webnothing
    May 9, 2020 at 18:48

    Legend! Thanks!

  17. Sivaguru Theerthiappan
    May 9, 2020 at 18:48

    How to bring Drupal opendialogmodal form in bootstrap modal?

  18. TWagner
    May 9, 2020 at 18:48

    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)

  19. Joel Goodman
    May 9, 2020 at 18:48

    is Skinr required for Barrio? Skinr seems to add a lot of issues to Drupal 8.

  20. Spyros Papavlasopoulos
    May 9, 2020 at 18:48

    Super helpful video!

  21. Sparkman61
    May 9, 2020 at 18:48

    How would you suggest implementing the Bootstrap Carousel component with Barrio?

  22. Alistair McClymont
    May 9, 2020 at 18:48

    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

  23. Laurens Mertens
    May 9, 2020 at 18:48

    Thanks mate, great videos. They really help me out.

  24. Ryan Vizena
    May 9, 2020 at 18:48

    Great stuff, Ivan. I learn a lot through WebWash, including the great email lessons you guys have assembled.

  25. Olivier Roffini
    May 9, 2020 at 18:48

    Thank's a lot for this excellent video

  26. Jeri Bullitt
    May 9, 2020 at 18:48

    Excellent as always… Keep up the good work!

  27. Hans Nieuwenhuis
    May 9, 2020 at 18:48

    Are you also going to explain barrio sass or is the sass part the same as with the bootstrap3 sass video?

Leave A Comment

You must be logged in to post a comment.