Javascript 如何自定义引导固定导航栏默认值,以便li元素向下对齐?
如何自定义引导固定导航栏默认值,以便li元素向下对齐?目前,默认情况下,它在顶部对齐。您可以更正我的代码或显示您的自定义作品。您还可以向我展示codepen JSFIDLE或其他类似网站上的任何回购协议 提前谢谢你。Javascript 如何自定义引导固定导航栏默认值,以便li元素向下对齐?,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,如何自定义引导固定导航栏默认值,以便li元素向下对齐?目前,默认情况下,它在顶部对齐。您可以更正我的代码或显示您的自定义作品。您还可以向我展示codepen JSFIDLE或其他类似网站上的任何回购协议 提前谢谢你。 在图像旁边垂直对齐文本的一种方法是: .navbar-right{ position: absolute; bottom: 0; right: 0; } 无论周围的元素如何,这都会使菜单链接显示在右下角 但是,这会稍微弄乱我们的响应菜单,因此我们将在手机上查看时将其
在图像旁边垂直对齐文本的一种方法是:
.navbar-right{
position: absolute;
bottom: 0;
right: 0;
}
无论周围的元素如何,这都会使菜单链接显示在右下角
但是,这会稍微弄乱我们的响应菜单,因此我们将在手机上查看时将其还原:
@media only screen and (max-width : 768px) {
.navbar-right{
position: relative;
}
}
请添加您的css或创建一组现有代码:)@VaibhavJain我现在添加了CSS。请帮帮我。@VaibhavJain它使用引导css,所以这里是更新版本:@ICanHasKittenz。是的,你是对的。有一件事令人惊讶。在您的JSFIDLE链接上,它向下对齐,尽管您有我发布的相同css,但在我的例子中,它在顶部对齐,如上图所示。“你能描述一下我是怎么做到的吗?”罗宾在没有看到小提琴的情况下,我不能确定,你似乎在菜单链接下面有一个框,也许它有一些空白。由于删除了JSFIDLE,这里还有另一个副本navtext,用于在悬停时不让背景离开导航栏
.navbar-right{
position: absolute;
bottom: 0;
right: 0;
}
@media only screen and (max-width : 768px) {
.navbar-right{
position: relative;
}
}