html – Bootstrap 3.0.3 navbar-right和pull-right

html – Bootstrap 3.0.3 navbar-right和pull-right,第1张

概述我正在使用一些Bootstrap教程并使用Bootstrap 3.0.3版本. 我注意到navbar-right浮动完全在右边,而pull-right似乎可以像3.0的navbar-right那样工作. 我在JSFiddle上放了一个例子. 根据他们在2013年12月5日的blog,已经进行了一些修改,所以我想知道我是否错误地构造了HTML类,或者这是否是菜单对齐的新方法? 看起来3.0.3实现在 我正在使用一些bootstrap教程并使用bootstrap 3.0.3版本.

我注意到navbar-right浮动完全在右边,而pull-right似乎可以像3.0的navbar-right那样工作.

我在JSFiddle上放了一个例子.

根据他们在2013年12月5日的blog,已经进行了一些修改,所以我想知道我是否错误地构造了HTML类,或者这是否是菜单对齐的新方法?

解决方法 看起来3.0.3实现在 #11530下有意改变以满足此要求:

解决方法是在.navbar-right上添加填充:

.navbar-right {   padding-right: 15px;}

如果您尝试使用pull-right解决问题,您会发现navbar-collapse的响应式设计会使菜单正确对齐.

总结

以上是内存溢出为你收集整理的html – Bootstrap 3.0.3 navbar-right和pull-right全部内容,希望文章能够帮你解决html – Bootstrap 3.0.3 navbar-right和pull-right所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1133640.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存