No projeto que estou estudando/trabalhando estou fazendo pequenos ajustes nas classes nativas do Bootstrap para atender minhas necessidades.
1: Esta é realmente a melhor prática? Ou é melhor criarmos nossas classes e sobrescrever as do bootstrap? Ou além disso, há alguma outra prática de uso que seja melhor para personalizarmos nossos projetos?
Por exemplo, abaixo criei uma classe para modificar uma navbar nativa do Bootstrap:
.navperson {
box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
color: #ffffff;
border-top: 2px solid #5bc0de;
border-bottom: 2px solid #5bc0de;
}
2: No documento .html, primeiro preciso sempre linkar o .css do bootstrap e depois o .css personalizado, certo? Se aplicarmos o .css do bootstrap depois, ele não vai sobrescrever as propriedades do .css personalizado, certo?
3: A ordem de aplicação das classes altera alguma coisa?
Ex:
<nav class="navbar navbar-expand-md navbar-light navperson">
Ou:
<nav class="navperson navbar-light navbar-expand-md navbar">