如何将twitter引导模式设置得更宽更高
此处示例(请单击:启动演示模式):
http://twitter.github.com/bootstrap/javascript.html#modals
在Bootstrap3.1.1中,他们添加了modalLG和modalSM类。您可以像查询一样使用@media查询来控制模式大小。这是控制模式大小的一种更全局的方法
@介质(最小宽度:992px){
.莫代尔lg{
宽度:900px;
高度:900px;/*此处控制高度*/
}
}
示例代码:
<;!——大模态-->;
<;button class=“btn btn主”数据切换=“模态”数据目标=“.bs示例模态lg”>;大模态</按钮>;
<;div class=“modal fade bs example modal lg”tabindex=“-1”role=“dialog”aria labelledby=“myLargeModalLabel”aria hidden=“true”>;
<;div class=“模态对话框模态lg”>;
<;div class=“模态内容”>;
...
</部门>;
</部门>;
</部门>;
<;!--小模态-->;
<;button class=“btn btn主”数据切换=“模态”数据目标=“.bs示例模态sm”>;小模态</按钮>;
<;div class=“模态渐变bs示例模态sm”tabindex=“-1”role=“dialog”aria labelledby=“mySmallModalLabel”aria hidden=“true”>;
<;div class=“模态对话框模态sm”>;
<;div class=“模态内容”>;
...
</部门>;
</部门>;
</部门>;