Adding Bootstrap to WordPress TwentySixteen Theme

How can I add Bootstrap to the Wordpress TwentySixteen Theme without using a plugin? I've tried linking to the stylesheets and scripts within the header/footer, however the theme seems to override something, and I'm unable to get different Bootstrap elements to work on specific pages. For instance, I've tried to get the clickable tabs to work, but no luck.

I've tried using the following code: http://jsfiddle.net/xfw8t/12/

While adding the CSS to the header and JS to the footer file:

link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"
   script src="/scripts/jquery.min.js"/script
   script src="/bootstrap/js/bootstrap.min.js"/script

Topic theme-twenty-sixteen twitter-bootstrap theme-development themes Wordpress

Category Web

1
answered at

If you want to link stylesheets and scripts in wordpress,the correct way is to use wp_enqueue_style() and wp_enqueue_scripts() in your functions.php file

Try this in your functions.php file

wp_enqueue_style('bootstrap-css',get_template_directory_uri().'/bootstrap/css/bootstrap.min.css');
wp_enqueue_script('jquery',get_template_directory_uri().'/scripts/jquery.min.js');
wp_enqueue_script('bootstrap-js',get_template_directory_uri().'/bootstrap/js/bootstrap.min.js');
1
answered at

Swopnil Dangol is correct, However seeing that you are editing a standard wordpress theme in the first place with bootstrap i would not bother

the below answer is the for lazy man.

php echo get_template_directory_uri(); ?>

infront of the urls

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.