我想創建一個帶有按鈕的側邊欄，如圖所示。我想讓按鈕在活動時呈深灰色。我有引導程序代碼，但是如果我使用 public/index.html 中的 css 文件和 javascript 文件應用引導程序，那么導航欄圖像就會出現在導航欄的中間，所以我想將 react-bootstrap 用于我的側邊欄。https://i.stack.imgur.com/DjNGy.jpg這是引導程序代碼。我如何使用反應路由器的鏈接而不是標簽？對于反應引導程序，我們通常使用 <'Row'> <'Col'> 那么我們如何使用這么多“col”類“col-sm-2 col-md-2 col-lg-2 col-xl-2”。我也對 react-bootstrap 中的 ul 標簽感到困惑，關于如何將它們與導航藥丸和其他類一起使用<nav class="d-none d-md-block col-sm-2 col-md-2 col-lg-2 col-xl-2 sidebar">            <div class="sidebar-sticky">                <ul class="nav nav-pills  nav-fill flex-column" role="tablist" style="margin-top:42px;">                        <li class="nav-item">                          <a class="nav-link active" data-toggle="pill" href="#/!" style="text-align:left;">                            <img src="/images/windows.png" style="height:20px;">                            Dashboard</a>                        </li>                        <li class="nav-item">                          <a class="nav-link" data-toggle="pill" href="#!people" style="text-align:left;">                                <img src="/images/people.png" style="height:20px;">                                                            People</a>                        </li>                </ul>        </div>      </nav>側邊欄的css.sidebar {    position: fixed;    top: 0;    bottom: 0;    left: 0;    z-index: 100;    padding: 48px 0 0;}