添加全宽横幅并使其自适应响应

时间:2016-12-09 16:30:15

标签: html css twitter-bootstrap responsive-design banner

我尝试修改引导程序模板,在顶部添加一个全长1200像素的横幅,而不是较小的 120 x 60 images / logo-company.png 原始网站上的徽标。

我试图无济于事,但我希望能够在桌面视图中完美地放置这个更大的横幅,同时让它在移动设备上做出响应。

我认为原始徽标太小,以至于不需要代码调出来使其响应。

有人会友好地看一看,看看他们是否可以提供必要的HTML和/或CSS代码来实现这一点。

原始网站。 http://jituchauhan.com/industrial/boxed-layout/industrial-darker/index.html

我的演示 http://dagrafixdesigns.com/2017/industrial-darker/index.html

2 个答案:

答案 0 :(得分:1)

如果背景图片不适合您,这里有一个简单的解决方案:

readonly

答案 1 :(得分:0)

您可以为标题设置背景图像并删除/隐藏徽标图像。

#header-row {
  background-image: url(../images/logo-company.png);
}