Javascript 制作一个带有下拉菜单的导航栏，该下拉菜单不显示垂直链接，而是显示水平链接

大家好，我正在尝试复制这种风格的导航栏来练习我的css技能，我尝试添加一些引导程序，但我最终得到了一堆礼物和诸如此类的东西。 那我怎么能做出这样的东西呢？抱歉，如果有很多需要解释的地方，或者很简单，但是我可以修改引导导航栏吗？ 我试着给它一个不同的灵活性，以容器的下拉栏，但没有显示出任何好的结果

/*主体和根内容*/
身体{
保证金：0；
字体大小：0.813rem；
字体系列：“助手”，无衬线；
字体大小：400；
线高：1.5；
颜色：#212529；
文本对齐：左对齐；
背景色：白色；
}
/*img{
宽度：100%；
身高：100%；
} */
标题{
文本对齐：居中；
背景：rgb（255,123,0）；
颜色：白色；
填充：2米自动；
}
/*体根端*/
/*导航栏和标题栏*/
.导航栏集装箱{
显示器：flex；
证明内容：之间的空间；
}
#联合标志容器{
填充顶部：0px；
左侧填充：0px；
垫底：0px；
右边框宽度：0px；
右边填充：0px；
宽度：10%；
}
.联合标志导航{
宽度：100%；
身高：100%；
}
.#navbarDropdownMenuLink{
显示器：flex；
弯曲方向：行；
}

只需将css转换与旋转一起使用即可。一定要设置宽度

a{
变换：旋转（90度）；
显示：块；
宽度：1米；
}

---

只需将css转换与旋转一起使用即可。一定要设置宽度

a{
变换：旋转（90度）；
显示：块；
宽度：1米；
}