css使 Bootstrap 导航栏透明

Question

我使用 Bootstrap 并且在我的 html 文件中有一个导航栏我想让这个导航栏透明以显示背景图像。有人可以教我如何用 css 做到这一点吗？我尝试了以下 css 没有任何反应

.navbar-inner {
    background-color:transparent;
}

<div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                    <div class="container">
                        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="brand" href="#">lol</a>
                        <div class="nav-collapse collapse">
                            <ul class="nav pull-right">
                                <li class="active"><a href="/">Home</a></li>
                                <li><a href="about">About</a></li>
                            </ul>
                        </div>
                    </div>
            </div>
        </div>

Answer 1

Simply add this to your css :-

.navbar-inner {
    background:transparent;
}