Como mencionado pelo @JoãoLuiz, evite usar !important
, porqu no futuro você pode querer sobrescrever seus próprios estilos, e, além disso, os desenvolvedores que tiverem legado o seu código terão dificuldades para mudá-lo. De acordo com Stephanie Sullivan [Rewis], designer, isso é um ato muito egoísta.
Cada seletor no CSS tem um score, pontuação ou peso. Quanto mais específico for o seletor, maior será sua prioridade, porquanto maior será sua pontuação.
O !important
só é recomendado quando alguma classe deve ser hard-code, praticamente imutável, só perde para as declarações inline.
Dessa forma, a melhor forma de sobrescrever o CSS do Twitter Boostrap é declarando suas próprias classes e pondo-as depois da inclusão dos estilos do framework em questão.
A melhor forma de fazer isso é do seguinte modo:
Incluir seus estilos
<head>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/seu_css.css">
</head>
Usar os mesmos nomes das classes do Twitter Bootstrap
.container{
max-width: 50%;
}