我想創(chuàng)建一個帶有按鈕的側(cè)邊欄，如圖所示。我想讓按鈕在活動時呈深灰色。我有引導(dǎo)程序代碼，但是如果我使用 public/index.html 中的 css 文件和 javascript 文件應(yīng)用引導(dǎo)程序，那么導(dǎo)航欄圖像就會出現(xiàn)在導(dǎo)航欄的中間，所以我想將 react-bootstrap 用于我的側(cè)邊欄。https://i.stack.imgur.com/DjNGy.jpg這是引導(dǎo)程序代碼。我如何使用反應(yīng)路由器的鏈接而不是標(biāo)簽？對于反應(yīng)引導(dǎo)程序，我們通常使用 <'Row'> <'Col'> 那么我們?nèi)绾问褂眠@么多“col”類“col-sm-2 col-md-2 col-lg-2 col-xl-2”。我也對 react-bootstrap 中的 ul 標(biāo)簽感到困惑，關(guān)于如何將它們與導(dǎo)航藥丸和其他類一起使用<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>側(cè)邊欄的css.sidebar {    position: fixed;    top: 0;    bottom: 0;    left: 0;    z-index: 100;    padding: 48px 0 0;}