MVC5 JQuery Datatables CSS not working with Bootstrap

I’m not able to get the right styling for my datatables. This is how my datatables look right now This is my BundleConfig.cs file: public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle(“~/bundles/jquery”).Include( “~/Scripts/jquery-{version}.js”, “~/Scripts/DataTables/jquery.dataTables.js”, “~/Scripts/DataTables/dataTables.bootstrap.js” )); bundles.Add(new ScriptBundle(“~/bundles/jqueryval”).Include( “~/Scripts/jquery.validate*”)); bundles.Add(new ScriptBundle(“~/bundles/modernizr”).Include( “~/Scripts/modernizr-*”)); bundles.Add(new ScriptBundle(“~/bundles/bootstrap”).Include( “~/Scripts/bootstrap.js”, “~/scripts/bootbox.js”, “~/Scripts/respond.js”)); bundles.Add(new StyleBundle(“~/Content/css”).Include( “~/Content/bootstrap-lumen.css”, “~/Content/datatables/css/dataTables.bootstrap.css”, “~/Content/site.css” )); } and […]