How to en-queue bootstrap 4 to theme?

You can use action hook and enqueue script and style to the site.

function my_scripts() {
    wp_enqueue_style('bootstrap4', 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css');
    wp_enqueue_script( 'boot1','https://code.jquery.com/jquery-3.3.1.slim.min.js', array( 'jquery' ),'',true );
    wp_enqueue_script( 'boot2','https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js', array( 'jquery' ),'',true );
    wp_enqueue_script( 'boot3','https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js', array( 'jquery' ),'',true );
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

If you want to add the scripts after jQuery then you can use the jQuery array for dependent and last argument true will include the JS at footer, if you want the js in header, you can remove that.

Related Posts:

  1. Bootstrap js refuses to load
  2. How do I enqueue a js file in functions.php for a if lt IE 9 statement? [duplicate]
  3. Check for Twitter Bootstrap Loaded
  4. How do I dequeue a parent theme’s CSS file?
  5. Check if a script/style was enqueued/registered
  6. wp enqueue style on specific page templates
  7. Is it possible to use wp_localize_script to create global JS variables without a specific script handle?
  8. Prevent Version URL Parameter (?ver=X.X.X) on Enqueued Styles & Scripts
  9. How can I enqueue protocol relative external (//ajax.googleapis.com/…) scripts?
  10. Can’t enqueue scripts in the footer?
  11. How can I remove the site URL from enqueued scripts and styles?
  12. Loading a script with a dependency, is unloading another script’s dependency
  13. wp enqueue script using scripts from cdn with a safety callback
  14. Can I add styles to footer with $wp_styles->add_data?
  15. Enqueue script in specific page
  16. jquery script not enqueued in child theme
  17. Get the list of enqueued/registered scripts for a specific post?
  18. Add script to footer – on post editor
  19. Which action to hook wp_enqueue_script to? wp_head or wp_enqueue_scripts? [duplicate]
  20. enqueue and localize script in footer
  21. What determines the order of enqueued styles?
  22. Wp_head and wp_footer vs wp_enqueue_script javascript files?
  23. How to use wp_enqueue_style() and wp_enqueue_script() only when needed?
  24. Is this a bad implementation of wp_enqueue_script for conditional usage?
  25. Preload key requests using wp_enqueue
  26. Don’t load scripts if on mobile/tablet
  27. How to Add a Custom Script to Customize.php
  28. Child Theme – what is the scope of overwriting files?
  29. Enqueue scripts to footer
  30. Add last modified time as version to css and js
  31. Enqueue script on specific WooCommerce template
  32. Best spot for wp_register_script() and wp_register_style()
  33. Custom Plugin Development: What priority should wp_enqueue_scripts have?
  34. Select2 in WordPress
  35. Register script/style: Is it possible to customize the version query string via plugin?
  36. Asset loading with gulp.js or Grunt
  37. Enqueue AWS Script
  38. How can I make sure my JS script gets executed first, among other scripts?
  39. Dequeuing scripts for all pages but the home page
  40. Optimizing WordPress’s styles and scripts
  41. Which jQueryUI handles are predefined in wordpress?
  42. How to enqueue a style using wp_enqueue_scripts()?
  43. getting a js file for one page
  44. How do you enqueue a Visual Basic script using wp_enqueue_script?
  45. enqueue admin styling and scripts only on plugin page
  46. How to change script order?
  47. Enqueue script multiple times?
  48. Can’t see why my scripts aren’t loading when I register and enqueue them
  49. jquery-ui-autocomplete is not loaded with wp_enqueue_script
  50. WordPress script file version numbers changing in live environment
  51. Enqueueing a script and a style sheet not working
  52. How to add parameter to wp_enqueue_script?
  53. Is It Possible to add JS AFTER the Enqueue within the same Function?
  54. How can I manually enqueue plugin scripts
  55. How can I properly enqueue wp-hooks without issues?
  56. wp_dequeue_style and wp_dequeue_script not working on server but does work on local xampp
  57. wp enqueue, how to prevent duplication when same script is registered with different handles
  58. Localizing script to pass a value to a javascript function
  59. get_template_directory_uri not dependent on WP_HOME in wp-config.php?
  60. get_template_directory_uri() gives me wrong path when I try to use wp_enqueue_style
  61. Dequeue script conditonnally
  62. why quotes shown in WordPress?
  63. Overwrite wp_enqueue_script under certain condition
  64. Help to enqueue a js functions ( jquery) [closed]
  65. Conditionally load script depending on current admin page
  66. Enqueue script inside IE conditional comments
  67. How can I integrate Fancybox 3 in WordPress properly
  68. How to enqueue default scripts with dependency?
  69. Enqueuing a script before anything else
  70. Should I use get_bloginfo(‘stylesheet_directory’) or get_stylesheet_directory_uri() when enqueueing my js files?
  71. How to load API’s in WordPress?
  72. How to use wp_enqueue_script, style when required
  73. Adding Pinterest Script Before Closing Body Tag
  74. how to enqueu customiser/customizer scripts?
  75. How Do I Enqueue a Script into 2 different Footers on the Same Site?
  76. how to load css and js based on post template
  77. link to JS library using wp_enqueue_scripts not working
  78. Using wp_enqueue_script on scripts that contain PHP
  79. Enqueue specific script on account creation (and never again)
  80. Proper enqueue for child theme functions.php
  81. loading javascript CDN with local fallback (not jQuery)
  82. How do I pass $in_foooter to wp_enqueue_script() without passing other params?
  83. Dynamic wp_enqueue_scripts?
  84. Why do I have to specify all parameters for wp_enqueue_script to load my jquery in the footer? [closed]
  85. Load scripts only for selected template
  86. Bootstrap and jQuery error: $ is not defined
  87. Bootstrap slider not working
  88. wp_enqueue_script error with `ID`, `post_title`, `post_name` of none object
  89. How to enqueue a script on a specific URL that contains multiple parts
  90. Enqueue Script only over specific WordPress core file
  91. wp_enqueue_script silently fails [closed]
  92. Bootstrap navbar responsiveness on WordPress theme menu not working
  93. How to include a JS file in this theme?
  94. Loop through arguments of a function
  95. How do I get my theme scripts to load in a custom theme built from Bootstrap
  96. wp_enqueue doesn’t load dependencies
  97. How to enqueue js script after another specific js script?
  98. Dequeue/deregister scripts for everybody but the administrator
  99. comment-reply.js is not loading
  100. How can I specifically enqueue scripts for edit orders pages only

Leave a Comment