All of my custom Bootstrap styles are not working in my child theme!

In your child theme’s function.php file, find the enqueue function and add it there instead of using @import in your CSS.

For example:

function my_scripts_and_styles() {
    wp_enqueue_style( 'main-style', get_stylesheet_uri() );
    wp_enqueue_style( 'bootstrap-style', get_template_directory_uri() . '/css/bootstrap.min.css', array( 'main-style', '', true );

    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
        wp_enqueue_script( 'comment-reply' );
    }
}
add_action( 'wp_enqueue_scripts', 'my_scripts_and_styles' );

What this function will do is load your style.css file, then load bootstrap.min.css only if style.css is successfully loaded (NOTE: It assumes bootstrap.min.css is located in /wp-content/themes/{your theme}/css so adjust that code accordingly.

wp_head() will take it from there. If you need bootstrap to load first, then move the array() argument to main-style and change the contents to 'bootstrap-style'.

Related Posts:

  1. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  2. Customize Bootstrap checkboxes
  3. Does bootstrap have builtin padding and margin classes?
  4. How to set up fixed width for ?
  5. How to change btn color in Bootstrap
  6. How to set up fixed width for ?
  7. css to make bootstrap navbar transparent
  8. Bootstrap 4, How do I center-align a button?
  9. Responsive Bootstrap Jumbotron Background Image
  10. Changing the width of Bootstrap popover
  11. How to center vertically and horizontally a div using Bootstrap?
  12. Flushing footer to bottom of the page, twitter bootstrap
  13. bootstrap 4 row height
  14. Bootstrap change carousel height
  15. Twitter Bootstrap – add top space between rows
  16. How can I make Bootstrap columns all the same height?
  17. Set bootstrap modal body height by percentage
  18. Bootstrap align navbar items to the right
  19. Why is my Bootstrap code not working?
  20. img-responsive in Bootstrap does not work
  21. In a bootstrap responsive page how to center a div
  22. Responsive Canvas in Bootstrap column?
  23. WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
  24. Child themes CSS priority problems without using !important
  25. How do I remove specific styles from the parent theme css using the child theme css?
  26. Do I only need to import style.css for a child theme?
  27. How Can I Use A Child Theme Effectively When Parent’s CSS Is Located in a ‘CSS folder’?
  28. Disable child theme css on certain pages
  29. some things in child theme css not overriding parent
  30. Why do WordPress default themes specify fonts in so many places?
  31. Style.css in child theme is loaded before Bootstrap
  32. CSS in child theme not getting loaded
  33. TwentyTwelve versioning
  34. Load custom css after bootstrap
  35. How to change Parent Themes in Child Theme CSS
  36. Duplicate and alter sidebar for Twenty Eleven
  37. How can I remove css from a child theme?
  38. Is it better to put CSS in additional CSS or in Child theme styles.css [closed]
  39. Font Awesome wp_enqueue_style
  40. Redoing home page but changes not taking effect
  41. Different ways to load child theme css
  42. WordPress Twenty Fourteen Theme Sidebar
  43. Importing changes to Child Theme
  44. Load in wp admin assets from child theme
  45. Layout using Bootstrap not aligning correctly
  46. Help with child theme enqueuing additional css files
  47. Bootstrap in theme
  48. How to integrate my HTML and javascript into my child theme
  49. create bootstrap columns inside editor group block
  50. Port existing Bootstrap site to WordPress?
  51. why this media query is not working / not loading when I put it in child theme?
  52. Trying to figure out why my child theme is trying to access a file that doesn’t exist
  53. Child theme CSS not applying to element
  54. Correct Way To Make Changes To A WordPress Theme
  55. Child theme stylesheet not always overriding “index”
  56. Why is this jquery / java script code not working in mobile / in devices?
  57. Google yolo one tab signup plugin avilable in wordpress? [closed]
  58. CSS – Initial HTML Margin Issue On WordPress Site
  59. Child Theme CSS not showing at all
  60. Why is my child theme style.css not found (404) in the front-end? [closed]
  61. How to sync the style in the visual editor with the style of a child theme?
  62. Remove CSS Attribute by Overriding CSS in Child Theme
  63. How to remove the gap on right side of webpage (using Bootstrap with WordPress)?
  64. CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS [closed]
  65. child theme appears again when I put the header with parent name.
  66. How to integrate Bootstrap Grid System in WordPress
  67. Earlier stylesheet not overriding later one
  68. Free theme and css/bootstrap.css is not overridden in the child theme
  69. Change class names dynamically added to html elements by wordpress
  70. Child Theme style.css changes aren’t showing. Parent “style-less.css” over rides it, and won’t update
  71. Css will not display in webpage, after adding it in style.css in child theme
  72. Modal dialog under the backdrop
  73. How to enqueue stylesheets in child-theme functions.php?
  74. Dequeing Parent Fontawesome Deques Parent Styles
  75. WordPress childtheme not loading any CSS/SCSS
  76. My Child Theme CSS Isn’t Working
  77. all of a sudden my child theme style.css is being ignored? Its been working fine for months?
  78. Change WP Child theme CSS for WP Bootstrap Starter Theme
  79. Font size decreases when child theme is created from parent theme?
  80. Bootstrap News: Image Modifciation
  81. Change style of Twenty Seventeen child theme
  82. Can’t center post thumbnail with bootstrap [closed]
  83. CSS in child theme to replace !important in parent theme
  84. Why are my parent styles loading after my child styles?
  85. 100% Width Footer – Custom Child Theme
  86. Browser stacks different versions of style.css
  87. Bootstrap 4 Optimization
  88. Parent style messing up with Bootstrap [closed]
  89. Can’t override CSS with child theme
  90. Bootstrap navbar-fixed-top issues [closed]
  91. How to make this splash page responsive
  92. Add Custom CSS Class in Child Theme [closed]
  93. Custom theme – Bootstrap CSS not loading via wp_enqueue_style or otherwise
  94. How to overwrite a thrid party block’s css in a child theme?
  95. What’s the difference between SCSS and Sass?
  96. Can I change Bootstrap button color?
  97. How am I supposed to use index.html?
  98. Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
  99. Adding border to SVG image
  100. What does !important mean in CSS?
File not found.