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 —
https://www.youtube.com/c/webwashnet
Tweets by webwashnet
https://www.facebook.com/webwash/
https://www.instagram.com/webwash/
Original source
Hansom Jack
he said poppa library lol
Karol K
Hi, any tips how to create this base theme on D7 ?;/ there doesn't seem to sub theme folder in the Bario folder
Len Lamberg
Thanks, this was a great intro to Barrio, especially installation options
Shankar Sharma
Thanks for the video can you please share one example video on how we can user bootstrap 4 mega menus with this theme
Barath Sri
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.
Cristina Albano
Thanks! It helped me to clearify some issue I got trying to make barrio subtheme working properly!
Patrik Melicherík
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
Юра Панчук
ty, this is helpful for me
EsHbAn BaHaDuR
what is best to use Bootstrap 3 or Bootstrap 4?
Tomáš Bartoš
amazing thank you
Nicholas Gunner
Thank you for this fantastic walkthrough!
WebWash
@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.
matinirvana22
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!!
Stavros Stavridis
Excellent video! It is possible to apply a theme from bootswatch to my barrio subtheme?
Martin Mailänder
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?
webnothing
Legend! Thanks!
Sivaguru Theerthiappan
How to bring Drupal opendialogmodal form in bootstrap modal?
TWagner
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)
Joel Goodman
is Skinr required for Barrio? Skinr seems to add a lot of issues to Drupal 8.
Spyros Papavlasopoulos
Super helpful video!
Sparkman61
How would you suggest implementing the Bootstrap Carousel component with Barrio?
Alistair McClymont
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
Laurens Mertens
Thanks mate, great videos. They really help me out.
Ryan Vizena
Great stuff, Ivan. I learn a lot through WebWash, including the great email lessons you guys have assembled.
Olivier Roffini
Thank's a lot for this excellent video
Jeri Bullitt
Excellent as always… Keep up the good work!
Hans Nieuwenhuis
Are you also going to explain barrio sass or is the sass part the same as with the bootstrap3 sass video?