[ad_1]
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 —
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”
he said poppa library lol
Hi, any tips how to create this base theme on D7 ?;/ there doesn't seem to sub theme folder in the Bario folder
Thanks, this was a great intro to Barrio, especially installation options
Thanks for the video can you please share one example video on how we can user bootstrap 4 mega menus with this theme
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.
Thanks! It helped me to clearify some issue I got trying to make barrio subtheme working properly!
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
what is best to use Bootstrap 3 or Bootstrap 4?
amazing thank you
Thank you for this fantastic walkthrough!
@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.
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!!
Excellent video! It is possible to apply a theme from bootswatch to my barrio subtheme?
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?
Legend! Thanks!
How to bring Drupal opendialogmodal form in bootstrap modal?
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)
is Skinr required for Barrio? Skinr seems to add a lot of issues to Drupal 8.
Super helpful video!
How would you suggest implementing the Bootstrap Carousel component with Barrio?
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
Thanks mate, great videos. They really help me out.
Great stuff, Ivan. I learn a lot through WebWash, including the great email lessons you guys have assembled.
Thank's a lot for this excellent video
Excellent as always… Keep up the good work!
Are you also going to explain barrio sass or is the sass part the same as with the bootstrap3 sass video?