Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何自定义引导固定导航栏默认值,以便li元素向下对齐?_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 如何自定义引导固定导航栏默认值,以便li元素向下对齐?

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; } 无论周围的元素如何,这都会使菜单链接显示在右下角 但是,这会稍微弄乱我们的响应菜单,因此我们将在手机上查看时将其

如何自定义引导固定导航栏默认值,以便li元素向下对齐?目前,默认情况下,它在顶部对齐。您可以更正我的代码或显示您的自定义作品。您还可以向我展示codepen JSFIDLE或其他类似网站上的任何回购协议

提前谢谢你。


在图像旁边垂直对齐文本的一种方法是:

.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; 
   }
}