Question

我正试图将Twitter引导程序3模式固定在正文的右上角。

到目前为止，我已经尝试过：

位置：固定;右0px（左边和顶部有效但右边有效）
translate：可以使用px值或％来处理它，但在调整大小时位置不会相同
将左边距设为百分比

有问题的CSS：

#confirm { 
  position: fixed !important;
  width: 120px !important;
  right: 10px !important;      
//margin-left: 80% !important;
//-webkit-transform: translate(600px, 0px);
}

见小提琴： http://jsfiddle.net/3kgbG/74/

Answer 1

Twitter Bootstrap默认情况下将left: 1%;和right: 1%;应用于模式框。

首先，您需要将left属性重置为auto。然后，您可以为元素添加right属性。

#confirm {
  width: 120px;
  position: fixed;
  left: auto; /* <-- Reset the default left value */
  right: 10px;
}

<强> WORKING DEMO

Twitter引导程序中的位置模态框3

1 个答案: