I'm looking to load Bootstrap on a theme I'm working on though can't figure out how to add the JS file that comes with Bootstrap. I already created a function that loads some of my custom styles and it works great, afterwards I downloaded Bootstrap, moved the file into my theme directory and added

wp_enqueue_style('bootstrap', get_template_directory_uri() .       'css/bootstrap.min.css');

I haven't tried that so I don't know if it works or not, now I just have to add the bootstrap.min.js file but can't figure out how, so your help would be appreciated.

This is my code so far

<?php 

function xobamax_resources() {

    wp_enqueue_style('bootstrap', get_template_directory_uri() . 'css/bootstrap.min.css');
    wp_enqueue_style('style', get_stylesheet_uri());


}

add_action('wp_enqueue_scripts', 'xobamax_resources');

I'm looking to load Bootstrap on a theme I'm working on though can't figure out how to add the JS file that comes with Bootstrap. I already created a function that loads some of my custom styles and it works great, afterwards I downloaded Bootstrap, moved the file into my theme directory and added

wp_enqueue_style('bootstrap', get_template_directory_uri() .       'css/bootstrap.min.css');

I haven't tried that so I don't know if it works or not, now I just have to add the bootstrap.min.js file but can't figure out how, so your help would be appreciated.

This is my code so far

<?php 

function xobamax_resources() {

    wp_enqueue_style('bootstrap', get_template_directory_uri() . 'css/bootstrap.min.css');
    wp_enqueue_style('style', get_stylesheet_uri());


}

add_action('wp_enqueue_scripts', 'xobamax_resources');

• themes
• twitter-bootstrap

Share Improve this question asked Feb 6, 2016 at 15:43 OulaXOulaX 111 gold badge11 silver badge11 bronze badge

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 6

Here you go..

function xobamax_resources() {
    wp_enqueue_style('bootstrap', get_template_directory_uri() . 'css/bootstrap.min.css');
    wp_enqueue_style('style', get_stylesheet_uri());
    wp_enqueue_script( 'bootstrap-js', 'https://maxcdn.bootstrapcdn/bootstrap/3.3.4/js/bootstrap.min.js', array('jquery'), '3.3.4', true );
}
add_action('wp_enqueue_scripts', 'xobamax_resources');

I have added the CDN version, You can replace that with your local copy. I want to suggest you to read more about wp_enqueue_script()