Странное поведение, когда я меняю font-weight: на жирный

Я пытаюсь изменить вес текста кнопки на полужирный (в некоторых случаях). Для этого я создал новый класс в bootstrap.css, в основном копию класса btn с font-weight: bold - я назвал класс btnbold:

.btnbold {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

Затем я написал следующий код, чтобы наблюдать за кнопками с различными изменениями, включая выделение текста жирным шрифтом:

<button type = "button" class = "btn">Basic</button>

<button type = "button" class = "btnbold btn-default">Bold Default</button>

Я тестировал этот код в своей области разработки, и кнопка «Жирный шрифт по умолчанию» выглядела так, как я ожидал - текст был полужирным. Когда я экспортировал изменения на наш веб-сайт, текст кнопки «Полужирный шрифт по умолчанию» не выделялся жирным шрифтом, но граница кнопки имела выпуклый вид. Я использую IE в обоих случаях.

Помощь ????

Спасибо Богатый