Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net 引导模式不是圆形而是方形_Asp.net_Twitter Bootstrap 3_Bootstrap Modal - Fatal编程技术网

Asp.net 引导模式不是圆形而是方形

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类边界半径的某个样式。要了解发生了什么,请按照以下步骤跟踪样式 既然你

我正在为asp.NETWebForm项目使用adminlte。在母版页中,我导入了所有的js和css。我的问题是引导模式不是圆形而是方形。请看下图。为什么呢?请帮忙,谢谢

//母版页
//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;
}