@Darren, Tool at 5:00 is Firefox responsive design mode, 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 TH-cam.
@@pierrebertram5555 I think its more about making drupal clearer to PHP devs that might not be as familiar. Having the custom folder makes it clear what they can change, and what will be overwritten by updates.
Excellent video I'm using Bootstrap Barrio but I have the problem that the node and page titles are not shown. Do you have any recommendations to solve this problem?
Sorry being late to the party -- as I suppose you already figured this out, just for anybody else: Once the theme is up and running, you simply create new content. Use "Source" mode and enter the classes as needed. This will create a three column layout: 1st Column 2nd Column 3rd Column Once you're familiar with this, you're free to use TWIG or preprocess functions to inject Bootstrap classes to your content as you see fit.
Thank you - a great tutorial. I followed your tutorial and I can't get a logo to show up in this subtheme, no matter what I try. Does Barrio subtheme not support a logo?
@@WebWash Thank you! I download the bootstrap.css.min file from bootswatch and put it on my css folder. After that I declare it on my libraries.yml and it works! I hope this solution don't create problems on the future. Thanks!
Hi, I couldn't answer this in a comment. :), It'll need its own video. You could use a module like this, www.drupal.org/project/bootstrap_carousel_if but I'm sure it only supports Bootstrap 3. You could, however, override the template to work with Bootstrap 4.
@@WebWash Thank you for the response. I was struggling with the views bootstrap module (which I had read worked with Bootstrap 4) but quickly found out it had issues. I did find that the diba carousel slider works very nicely and isn't dependent on views which is sort of a mixed blessing. I really appreciate your videos - you seem to be one of the very few that have continued producing tutorial videos post the release of D8. Please keep them coming!
Update! I figured out how to get views bootstrap module working with Barrio (the carousel part anyway). I posted my solution in the issue q so take a look if you anyone is interested.
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
Hi Alistair, Is the dev version of Bootstrap 4 on drupal.org? If you look at the 8.x-4.x branch, there's nothing new there, last commit 2015-07-24, cgit.drupalcode.org/bootstrap/log/?h=8.x-4.x Unless it's being developed elsewhere, i.e., github. I'm not aware of a Bootstrap 4 version of drupal/bootstrap. Cheers, Ivan
@@notstevelam there's a 8.4 version in the works - in the issue queue you can see stuff about it. Lots of debate here: www.drupal.org/project/bootstrap/issues/2554199 - it looks like there's a plan, its not going to be any time soon though and there's no dev version, but worth keeping an eye on perhaps.
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?
@@joelgoodman3966 Yes because you have other configuration depending on it. I replied to, I think, your comment, www.webwash.net/getting-started-with-bootstrap-4-using-barrio-in-drupal-8/#comment-59661 Try configuring Barrio on a fresh Drupal 8 site.
@@WebWash ok thanks I've only installed Barrio, so not sure what is is dependent on it, but I'll do a fresh install and see what happens cheers for the reply!
@@WebWash thanks for your reply. We can use bootstrap modal popup instead of opendialogmodal popup with bootstrap 3 module. But I am just searching how to integrate on barrio theme- bootstrap 4. Let me know if you have some suggestions.
Thanks for a great video. Loved how you change things and then show your workflow on confirming the change actually did what you expected it to do.
Good one mate!! I was scratching my head since morning compiling bootstrap locally
Thanks. Really nice and helpful tutorial
@Darren, Tool at 5:00 is Firefox responsive design mode, 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 TH-cam.
Thanks, this was a great intro to Barrio, especially installation options
Excellent video again. Clear and to the point.
Awesome. Many thanks. this is what I've been looking for.
Thanks! It helped me to clearify some issue I got trying to make barrio subtheme working properly!
Great stuff, Ivan. I learn a lot through WebWash, including the great email lessons you guys have assembled.
thank bro this video was needed my work
Great video, though standard practice is to create a custom folder in themes and put the sub-theme in themes/custom.
As some people see it: For themes it's okey to not use a custom folder because usually we do only need one theme so it's really not that confusing.
@@pierrebertram5555 I think its more about making drupal clearer to PHP devs that might not be as familiar. Having the custom folder makes it clear what they can change, and what will be overwritten by updates.
Excellent as always... Keep up the good work!
Thank you for this fantastic walkthrough!
Excellent video
I'm using Bootstrap Barrio but I have the problem that the node and page titles are not shown.
Do you have any recommendations to solve this problem?
Thank's a lot for this excellent video
Very well. How can i use bootstrap classes? For example: col-xl-2, col-md-4, col-sm-6 etc.
Sorry being late to the party -- as I suppose you already figured this out, just for anybody else:
Once the theme is up and running, you simply create new content. Use "Source" mode and enter the classes as needed. This will create a three column layout:
1st Column
2nd Column
3rd Column
Once you're familiar with this, you're free to use TWIG or preprocess functions to inject Bootstrap classes to your content as you see fit.
Thank you - a great tutorial. I followed your tutorial and I can't get a logo to show up in this subtheme, no matter what I try. Does Barrio subtheme not support a logo?
Not really sure about logo support. I normally add the logo via CSS. I don't do it via the theme UI.
Super helpful video!
Thank you
Hi, any tips how to create this base theme on D7 ?;/ there doesn't seem to sub theme folder in the Bario folder
Excellent video! It is possible to apply a theme from bootswatch to my barrio subtheme?
Hi Stavros,
I don't think Barrio supports bootswatch out-of-the -box like the Bootstrap theme.
You'd have to integrate it yourself.
Cheers,
Ivan
@@WebWash Thank you!
I download the bootstrap.css.min file from bootswatch and put it on my css folder. After that I declare it on my libraries.yml and it works!
I hope this solution don't create problems on the future.
Thanks!
what is best to use Bootstrap 3 or Bootstrap 4?
How would you suggest implementing the Bootstrap Carousel component with Barrio?
Hi,
I couldn't answer this in a comment. :), It'll need its own video.
You could use a module like this, www.drupal.org/project/bootstrap_carousel_if but I'm sure it only supports Bootstrap 3. You could, however, override the template to work with Bootstrap 4.
@@WebWash Thank you for the response. I was struggling with the views bootstrap module (which I had read worked with Bootstrap 4) but quickly found out it had issues. I did find that the diba carousel slider works very nicely and isn't dependent on views which is sort of a mixed blessing.
I really appreciate your videos - you seem to be one of the very few that have continued producing tutorial videos post the release of D8. Please keep them coming!
Update! I figured out how to get views bootstrap module working with Barrio (the carousel part anyway). I posted my solution in the issue q so take a look if you anyone is interested.
I use VS code, and i've got an error, undefined function 't' in .theme. Anybody can help?
Are you also going to explain barrio sass or is the sass part the same as with the bootstrap3 sass video?
Hi Hans,
I'll cover it in another video.
Cheers,
Ivan
ty, this is helpful for me
Hi, Ivan. I'm trying to use Barrio, but with Bootstrap 5. And I see you use Bootstrap 4. Is there a reason for not using 5?
Yes and the reason is because when the video was recorded in 2018 Bootstrap 5 was not stable. It was officially released in 2021.
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
Hi Alistair,
Is the dev version of Bootstrap 4 on drupal.org? If you look at the 8.x-4.x branch, there's nothing new there, last commit 2015-07-24, cgit.drupalcode.org/bootstrap/log/?h=8.x-4.x
Unless it's being developed elsewhere, i.e., github.
I'm not aware of a Bootstrap 4 version of drupal/bootstrap.
Cheers,
Ivan
what pipeline? isnt that theme still using grunt as its build tool? seems very unlikely it'll ever move to bootstrap 4.
@@notstevelam there's a 8.4 version in the works - in the issue queue you can see stuff about it. Lots of debate here: www.drupal.org/project/bootstrap/issues/2554199 - it looks like there's a plan, its not going to be any time soon though and there's no dev version, but worth keeping an eye on perhaps.
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?
@@ivanzugec i did it by myself (Y) it was just a wrong filename :D
is Skinr required for Barrio? Skinr seems to add a lot of issues to Drupal 8.
Hi Joel,
Looking at project page, Skinr is only used for the Drupal 7 version.
It's not required for the Drupal 8 version.
Cheers,
Ivan
@@WebWash oh ok, I removed Skinr from my drupal 8 build ,but then recieved a lot of errors saying it should be there
@@joelgoodman3966 Yes because you have other configuration depending on it. I replied to, I think, your comment, www.webwash.net/getting-started-with-bootstrap-4-using-barrio-in-drupal-8/#comment-59661
Try configuring Barrio on a fresh Drupal 8 site.
@@WebWash ok thanks I've only installed Barrio, so not sure what is is dependent on it, but I'll do a fresh install and see what happens
cheers for the reply!
@@joelgoodman3966 No problems.
How to bring Drupal opendialogmodal form in bootstrap modal?
Hi,
I'm not sure how you'd do it.
I don't know if Barrio has integration with the Drupal modal system.
@@WebWash thanks for your reply. We can use bootstrap modal popup instead of opendialogmodal popup with bootstrap 3 module. But I am just searching how to integrate on barrio theme- bootstrap 4. Let me know if you have some suggestions.
amazing thank you
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
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
You should review, getbootstrap.com/docs/4.1/getting-started/browsers-devices/
he said poppa library lol