我可以在引导程序中删除面板主体背景吗？答案

【问题标题】：Can i remove panel-body background in bootstrap?我可以在引导程序中删除面板主体背景吗？
【发布时间】：2020-06-22 09:10:39
【问题描述】：

我尝试将面板主体背景移除或更改为透明。但不行……
请帮帮我

我想把白色变成透明，请看附图。

这是我在 bootstrap.css 中的代码

.panel-body {
background: transparent;
}

这是我在登录页面中的代码

</style>
<style type="text/css">
    body
    {
        background-image: url("login.jpg");
    }
</style>
</head>
<body>  
<div class="col-md-4 col-md-offset-4" style="margin-top: 50px">     
    <br/>
    <br/>
    <div class="panel panel-default">   
        <div class="panel-body">
            <br/>
            <br/>
            <form method="post" action="<?php echo base_url().'welcome/login' 
?>">
                <div class="form-group" >
                    <input type="text" name="username" placeholder="username" 
class="form-control" >
                    <?php echo form_error('username'); ?>
                </div>
                <div class="form-group">
                    <input type="password" name="password" 
placeholder="password" class="form-control" >
                    <?php echo form_error('password'); ?>
                </div>
                <div class="form-group">                        
                    <input type="submit" value="Login" class="btn btn- 
primary">
                </div>
            </form>
            <br/>
            <br/>
        </div>          
    </div>
   </div>   
  </body>

my login image
my code

【问题讨论】：

你的引导版本是什么？
我的引导版本：3
您可以将此 URL 视为参考：1.codepen.io/jybjones/pen/LGPrWZ 2.codepen.io/DLady/pen/rxRLGj
粘贴您的代码。我没有点击链接
我是 bootstrap 的新手，你能解释一下那个链接吗？

标签： php html css codeigniter twitter-bootstrap-3

【解决方案1】：

您必须删除.panel 背景：

.panel{
    background:transparent !important;
}

或者

.panel{
    background:unset;
}

【讨论】：

@EkoPrasetyoWibowo 请也分享您的 html 代码。
这段代码在我的 bootstrap.css .panel-body { background: transparent!important; } .form-group { 背景：透明！重要； } .form-control { 背景：透明！重要；和我的登录页面中的这段代码
@EkoPrasetyoWibowo 在回答中我告诉过你必须删除.panel 类背景，只需将.panel{background:transparent} 附加到bootstrap.css