NavDropdown是Bootstrap中的一個組件，它允許您在導航欄中創建一個下拉菜單。通過添加一些CSS樣式，您可以自定義下拉菜單的外觀和行為。

.navbar-nav .nav-link:focus, 
.navbar-nav .nav-link:hover {
color: #fff;
}
.dropdown-menu {
background-color: #fff;
border-color: #ddd;
border-radius: 0;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.navbar .dropdown-menu a, 
.navbar .dropdown-item {
color: #333;
}
.dropdown-item.active, 
.dropdown-item:active {
color: #fff;
background-color: #2070ae;
border-color: #1e6bae;
}
.dropdown-menu.dropdown-menu-right {
right: 0;
left: auto;
}
@media (min-width: 992px) {
.navbar-nav .dropdown-menu {
margin-top: 0;
}
}

以上代碼包含一些常見的CSS樣式，可用于自定義下拉菜單的外觀。例如，:focus和:hover選擇器可用于在懸停或聚焦時更改菜單項的顏色。您還可以更改background-color和border-color以匹配您的網站主題。

下拉菜單在移動端的行為也可以通過CSS進行控制。例如，您可以使用媒體查詢針對較小的屏幕大小更改.dropdown-menu的樣式，以使其在屏幕中央而不是在導航欄中央顯示。

總的來說，使用nav-dropdown組件創建自定義下拉菜單非常簡單，只需要一些CSS樣式即可。希望這篇文章能給您提供一些幫助，使您的下拉菜單看起來更好，更適合您的網站。