Adding Bootstrap to my child theme

Home Forums Auberge Adding Bootstrap to my child theme

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #17312

    wibanez49
    Participant

    Adding Bootstrap to my child theme

    Resolved

    Hi Oliver!

    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 some videos on YouTube that suggest to add the CDN links to the functions.php file. I think I know how to do add the .CSS link but I am having questions about the JavaScript links.

    I found this from getbootstrap.com:

    CSS:
    <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">

    JS:

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

    #17320

    Oliver Juhas
    Keymaster

    Hi Wilson,

    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_style function and wp_enqueue_script function. Simply add your custom code into your child theme‘s functions.php file.

    Or you can use other sources:

    Best regards,

    Oliver Juhas
    WebMan Design

    #17323

    wibanez49
    Participant

    Hi Oliver,

    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:

    https://themedemos.webmandesign.eu/auberge/style-guide/
    https://themedemos.webmandesign.eu/auberge/about/

    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 :)
    Wilson

    #17331

    Oliver Juhas
    Keymaster

    Hi Wilson,

    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 of Beaver Builder or try using a different page builder plugin, such as Elementor.

    The theme demo website pages and posts are actually build using native WordPress (and theme) tools and also the Beaver Builder 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.

    The “About us” page was built using Beaver Builder 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.

    Best regards,

    Oliver Juhas
    WebMan Design

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.