Bootstrap carouselの折り畳みメニューバーの背景色の変更

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

Bootstrap　carouselのメニューバーを使用しています。
折り畳みメニューを開いたときに背景が透明になってしまいます。
デスクトップで見た時のメニューをbackground-color:transparent;で透明バーに変更したのですが、レスポンシブの折り畳みメニューのバックグラウンドまで透明になってしまいます！どうすれば良いでしょうか？

該当のソースコード

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<!-----------ここからメニューバー--------------->
<nav class="navbar navbar-inverse navbar-static-top">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#"></a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
                <li><a href="#">ホーム</a></li>
                <li><a href="/assets/company/company.html">会社概要</a></li>
                <li><a href="/assets/start/start.html">ご利用に当たって</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">事業を知る<span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="/assets/intro/guide.html">仕事の内容</a></li>
                    <li><a href="/assets/intro/scene.html">仕事の風景</a></li>
                    <li><a href="/assets/intro/products.html">商品の紹介</a></li>
                                   
                  </ul>
                </li>
                  <li><a href="/assets/contact/contact.html">お問い合わせ</a></li>
              </ul>
            </div>
          </div>
        </nav>

      </div>
    </div>

試したこと

CSSの.navbar-inverse{background-color:black;}で透明にしました。レスポンシブの折り畳みでメニューを開いたときにだけ背景色を黒にしたいです。

補足情報（FW/ツールのバージョンなど）

CSSはhttps://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.cssで確認お願いいたします。

Comments

[m.ts10806]

一部質問テンプレート文と思わしきものがありますので本件と関係ないのでしたら削り、調整してください。

[yuki84web]

「デスクトップで見た時のメニューをbackground-color:transparent;で透明バーに変更したのですが」とのことですが、自身で記述したCSSを掲載して下さい

Answer 1

.navbar-inverse .navbar-collapse{background-color:black}で解決しました。ありがとうございました。