Просто у вас силка не работает!
а модификаторы отделяются одним подчеркиванием (сейчас уже де-факто приняты два дефиса).
You can also apply this same pattern to components and Javascript plugins such as modals which directly depend on DOM elements using Bootstrap's classes. Simply give your elements whatever classes and id's make sense for your application, and then apply the appropriate Twitter classes using jQuery:$(".my-dialog-class").addClass("modal fade");
чем выше свойство в этой панельке, тем выше у него приоритет. Вы сразу сможете увидеть, применился ли ваш стиль, кто его переопределяет, может быть у вас просто ошибка в значении и.т.д. 
