Модальная коробка ботстрапа вправо: 0 не работает

Question

У меня есть модальная коробка бутстрапа; Я хочу, чтобы он застрял в правой части экрана; Я попытался follwoing но когда я изменить размер окна не работает :(Не могли бы вы помочь мне в этом отношении!

<div id='test'> 
    <div id="add_pixel" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    </div> 
</div> 

#add_pixel{ 
    position: absolute; 
    right: 0; 
} 

, но он не идет к правой стороне экрана! Стоит отметить, что мой файл CSS вызывается после начальной загрузки CSS файлов

Но следующий код работает отлично:

<div id="id1"> 
    <div id='id2'> 

    </div> 
</div> 

#id1{ 
    background-color: yellow; 
    height: 400px; 
} 

#id2{ 
    background-color: red; 
    height: 200px; 
    width: 200px; 
    position: absolute; 
    right: 0px;   
} 

Я не мог понять, почему он не работает с модальной коробкой бутстрапа, в то время как он работает нормально с регулярными DIVs!

Ваша помощь приветствуется!

Answer 1

Только способ, которым я нашел, как это сделать, - это изменить bootstrap.css напрямую.

Найти правила для .modal и снять левый: 0

Вот пример из bootstrap3 livedemo с левой: 0 Заблокировано в светлячок.

Насколько я знаю, невозможно заменить правило css на ничего.

Answer 2

у меня было много проблем с этим, а также, однако это следующий стиль работал, чтобы соответствовать пансионера вокруг всей панели модальной.

#clams-modal{ 
    position:fixed; 
    margin:0px auto; 
    width:auto; 
    z-index:100001; 
    left:22px; 
    right:22px; 
    top:22px; 
    bottom:22px ; 
} 

Может быть, в вашем случае попробовать что-то вроде

#add_pixel{ 
    position:fixed; 
    margin:0px auto; 
    width:auto; 
    z-index:100001; 
    left:20%; 
    right:0px; 
    top:22px; 
    bottom:22px ; 
} 

Ширина быть установлен в авто, казалось, ключевым фактором в принятии правильного исправления работы.