如何在不影响其他模态的情况下用CSS改变模态的宽度?
Bootstrap: How can I change a modal's width with CSS without affecting other modals?
我在我的应用程序中使用Bootstrap 3,它有几个模态。我希望模态具有不同的宽度,但我发现改变宽度的唯一方法是改变CSS中的modal-dialog
或modal-content
的值。如果我这样做,它也会改变其他模态的宽度。我找到的例子通常是一个模态,没有多大帮助。
使用:
this.$modal.open({
templateUrl: 'Modal.tpl.html',
controller: 'ModalCtrl'}
);
模态是在一个html文件中定义的,我使用CSS对它进行样式化。
是否有一种方法,我可以有不同的模态宽度而不改变modal-dialog
或modal-content
的值?
我能够通过在$modal中定义"windowClass"属性来让它工作。开放的街区。我发现了另一个问题,它在不影响其他情态动词的情况下起作用:如何在Angular UI引导中增加模态宽度?
我是这样用的:
this.$modal.open({
templateUrl: 'Modal.tpl.html',
controller: 'ModalCtrl',
windowClass: 'my-modal'}
);
然后在css:
中指定模态的宽度.my-modal .modal-dialog
{
width:300px;
}
相关文章:
- 我想使用模态通过php文件发送邮件,并且我希望在提交关闭后关闭pop
- 打开一个模态并将其链接到AngularJS中的指令
- SemanticUI模态not onDeny/onApprove事件未激发
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- 如何通过所选索引(AngularJS)在模态弹出窗口中显示数据
- 包含数据库中相关信息的开放模态
- bootstrap消除模态并显示另一个模态
- 模态提示-如何重写此代码
- 模态框无法正常工作
- 将数据传递给由服务创建的Ionic模态
- 具体化:模态改变背景并导致页面向右跳转
- 如何通过使用javascript点击链接来改变模态消息
- 如何在不影响其他模态的情况下用CSS改变模态的宽度?
- 我怎么能改变引导模态宽度在我的情况
- 改变模态窗口的大小
- zurb foundation 4揭示模态改变数据中的文本:reveal-id=" mymodal;
- AngularJS ui-bootstrap打开模态窗口而不改变url
- 在延迟之前改变模态的背景
- 改变范围不反映模态UI
- 当浏览器屏幕分辨率改变时,动态改变模态的高度和宽度