问

Bootstrap删除面板轮廓

门前西瓜飘乐发布于 2023-02-08 23:34

bootstrap

list

range

diff

我在Bootstrap 3中遇到两件事有困难:

我想删除Panel对象的轮廓 - 整个事物周围的蓝线

在面板内我放了一张桌子,我很想删除分隔行的线条,但只能在桌面上.(标题是灰色背景较深的区域)

这两件事情有可能吗？

请看一看在此输入图像描述


1387537097625.xls

    
        
            
                Price List Name
                Price list
                
                
                
            
            
                Currency
                EUR
                
                Existing price breaks
                New price breaks
            
            
                Product Range
                Product Description
                Productid(s)
                1+
                500+
                1+
                250+
                1000+
            
        
        
            
                Range
                Some description here
                559
                17.6
                
                17.6
                
                
            
            
                Another Range
                Different description here
                506
                23.15
                
                23.15

Price List Name	Price list
Range	Some description here	559	17.6		17.6
Another Range	Different description here	506	23.15		23.15

2 个回答

.panel-borderless {
  border: 0;
  box-shadow: none;
}

2023-02-08 23:46 回答

Gefose-洋娃娃_357

这很可能也很容易.

这一切都在引导程序样式表中,您可以将自己的样式更改为任何内容.我建议您创建自己的CSS文件,然后在bootstrap.css之后将其添加到页面中,而不是仅仅在bootstrap.css中写入行.这样你的样式最后加载并影响元素.如果您的CSS出现问题,则样式来自bootstrap.css.

所以添加如下文件:
```
<link href="bootstrap.min.css" type="text/css" rel="stylesheet">
<link href="yourStyles.css" type="text/css" rel="stylesheet">
```
您需要对yourStyles.css执行的样式定义是:
```
.panel {
    border: 0;
}

.table > thead > tr > th, .table > thead > tr > td {
    border: 0;
}
```
.panel删除整个面板周围的边框,后者删除表格标题所具有的边框底部.

这是一个小提琴:http://jsfiddle.net/pUb6s/1/

对于将来,您可以使用某些浏览器开发工具找到影响某些元素的样式.IE浏览器.如果您正在使用Firefox,只需右键单击该元素并选择Inspect Element,它就会显示HTML和CSS.
2023-02-08 23:47 回答

YU亚菲

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签

Price List Name	Price list
Currency	EUR		Existing price breaks		New price breaks
Product Range	Product Description	Productid(s)	1+	500+	1+	250+	1000+
Range	Some description here	559	17.6		17.6
Another Range	Different description here	506	23.15		23.15