8 Jan 2018 at 21:05 #17312
Adding Bootstrap to my child themeResolved
Hey there! Have you noticed this support service is provided FREE of charge?
If you like the speed and accuracy of resolutions, please consider supporting me with a small donation. Thank you ♥
I am trying now to add Bootstrap to my child theme and I was wondering if you could point me how to do it.
I found this from getbootstrap.com:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
Where do I copy these links?
Is it recommended to just add these links or better to upload them to my Child Theme folder?
Thank you so much!
Wilson9 Jan 2018 at 10:13 #17320
Please let me ask you why you need Bootstrap to be added to your website? Can you maybe explain what you aim to achieve so I can provide you information how you can do it in the theme without adding Bootstrap?
You see, Bootstrap is unnecessarily large and in vast majority of cases it is not needed for any website. It only adds additional load on your website, slowing it down.
If you want still to proceed, you should add additional scripts to your website using WordPress native
wp_enqueue_scriptfunction. Simply add your custom code into your ‘s
Or you can use other sources:
WebMan Design9 Jan 2018 at 22:41 #17323
Thanks a lot for your feedback!
I have been using Page Builder to setup my pages but I am finding it a bit limiting & restricted.
How do you set up your pages & blog posts?
This is why I thought using Bootstrap could help me make my pages look more professional.
Your layout (text, pictures, tables, galleries, etc) looks really nice in your pages & blog posts:
How did you create them? Pure CSS code? or did you actually use Page Builder for this?
By the way, if you ever open a class to teach your skills, please let me know!!!
Thanks again :)
Wilson10 Jan 2018 at 11:17 #17331
I’m not sure what exactly do you need to do with a page builder, so I can’t really answer if it’s limiting or not. However, I’ve never had any need of using additional tool to create a custom page layouts. You may consider using paid version ofor try using a different page builder plugin, such as Elementor.
Thepages and posts are actually build using native WordPress (and theme) tools and also the page builder, the free, lite version.
The “Style guide” post is built using default WordPress post editor and the “Formats” dropdown styles. It does not use any page builder.
So, as you can see, there is really no reason to load Bootstrap as addition to your website. The theme (and page builder plugin) provides you with all the tools to build the exact website as the theme demo one. I suggest you to try to install the theme on your own computer and install theme demo content to see how the things are built.
You must be logged in to reply to this topic.