So, remembering your HTML knowledge: you remember that inside the
<head>
element you refer to the
CSS
files that you will use on your site to change the appearance of
html
elements, right? It is the element
<link rel="stylesheet" href="/css/estilos.css" />
or something that is worth it.
Hence, you need to load the styles of this theme there after loading the bootstrap styles. If you look at the demo code for the site, there is the loading order for the style sheets:
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- NProgress -->
<link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
<!-- iCheck -->
<link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">
<!-- bootstrap-progressbar -->
<link href="../vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
<!-- JQVMap -->
<link href="../vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet">
<!-- bootstrap-daterangepicker -->
<link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
<!-- Custom Theme Style -->
<link href="../build/css/custom.min.css" rel="stylesheet">
That is: it brings the bootstrap in the first line of this section, then brings the other things it uses (Awesome Font, NProgress and such) and in the end it brings the custom style of the theme. This is because the CSS
loaded last always overwrites the loader previously, so they are "Cascading Style Sheets."
Study well HTML, the worst thing you have is a web developer who does not pull HTML and HTTP.
Anyway, good study for you.