我想知道是否有一种方法可以使用bootstrap实现this template上的导航栏 . 我'd like to add a logo to the bootstrap navbar, but (like in the example) have it so that the logo extends further than the navbar'的高度和覆盖直接覆盖在图像滑块/轮播上(没有示例中的白条) . 此外,让它在导航栏中居中将是整洁的 .
如果在Bootstrap中无法做到这一点,还有另一种方法吗?我已经尝试过从头开始,但无法让它工作并做出响应 .
谢谢!
3 回答
看这里:http://jsfiddle.net/p58z2xgw/
导航栏,包含左对齐,居中对齐和右对齐的项目以及与内容重叠的徽标 .
CSS:
HTML:
是的你可以 . 你必须首先使你的图标有类.pull-right,然后创建一个导航栏,其中所有的div都有图片背景 . 如果您不明白,请转到bootstrap主页 . 它有大量的模板 .
当然,只需覆盖
navbar-brand
类,使其居中并浮动在导航栏上 .http://codeply.com/go/dv4rPK0Xws