bootstrap перебивает мои стили

[gordy]

    <link href="/css/bootstrap.min.css" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="/css/mainOptimized.css" />
    <link rel="stylesheet" type="text/css" href="/css/form.css" />
    <link rel="stylesheet" type="text/css" href="/css/my.css" />
    <link href="css/font-awesome.min.css" type="text/css" rel="stylesheet">
    <link href="css/template.css" type="text/css" data-template-style="true" rel="stylesheet">
    <script type="text/javascript" src="js/template.js"></script>

и куда бы я не ставил bootstrap выше или ниже css/mainOptimized.css все равно, bootstrap перебивает мои стили, как исправить это?

 

[latteo]

нагуглилось по фразе "приоритет css стилей"

Для просмотра ссылки Войди или Зарегистрируйся

Для просмотра ссылки Войди или Зарегистрируйся

подсказка: bootstrap активно использует !important, что перебивает приоритет подключения файлов