Asp.net 引导模式不是圆形而是方形
我正在为asp.NETWebForm项目使用adminlte。在母版页中,我导入了所有的js和css。我的问题是引导模式不是圆形而是方形。请看下图。为什么呢?请帮忙,谢谢Asp.net 引导模式不是圆形而是方形,asp.net,twitter-bootstrap-3,bootstrap-modal,Asp.net,Twitter Bootstrap 3,Bootstrap Modal,我正在为asp.NETWebForm项目使用adminlte。在母版页中,我导入了所有的js和css。我的问题是引导模式不是圆形而是方形。请看下图。为什么呢?请帮忙,谢谢 //母版页 //aspx文件(非aspx母版页) 函数openModal(){ enableDataTable(); $('mBarbers').modal('show'); } 如果看不到实际输出的代码,很难判断。它可能是覆盖.modal content类边界半径的某个样式。要了解发生了什么,请按照以下步骤跟踪样式 既然你
//母版页
//aspx文件(非aspx母版页)
函数openModal(){
enableDataTable();
$('mBarbers').modal('show');
}
如果看不到实际输出的代码,很难判断。它可能是覆盖.modal content
类边界半径的某个样式。要了解发生了什么,请按照以下步骤跟踪样式
既然你说你正在使用Chrome,那么进入开发者工具(Ctrl-Shift-I或菜单-更多工具-开发者工具)
打开你漂亮的引导模式
转到“元素”选项卡。选择元素选择器(dev工具栏右上角的一个工具,看起来像鼠标指针)
将鼠标悬停在模态上,它应该高亮显示。单击它,它将在“图元”面板中高亮显示。您还应该有一个样式选项卡,它将列出与该元素关联的样式
您现在可能需要仔细研究一下,但是一旦找到“modal content”元素,它应该包含一个css规则,用于边界半径
。下面是我的一个项目中的一个例子
.modal-content{
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px; /*<!-- HERE I AM!---*/
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: none;
}
。模态内容{
位置:相对位置;
背景色:#ffffff;
边框:1px实心#999999;
边框:1px实心rgba(0,0,0,0.2);
border radius:6px;/*我遇到了这个问题,并注意到如果我设置以下css样式,我选择的背景颜色会覆盖各个角落。当我删除此css背景颜色时,我再次看到圆角:
.modal-body, .modal-header, .modal-footer {
background-color: #ddd;
}
我刚刚发现了一个并不可怕的工作环境,尽管我几乎希望这是在引导
.modal-content {
overflow:hidden;
}
我使用谷歌chrome。你做了什么?给我们看看代码。创建:我在asp.net上工作,js fiddle没有那个平台。此外,我附上了屏幕截图。你在使用adminLTE模板吗?
.modal-content {
overflow:hidden;
}