我目前在一个网站上工作, 由于某种原因, 我对徽标/横幅的大小感到困惑, 因为主题的唯一选择是导入徽标并使用它。我上传了横幅, 我希望它能直截了当且非常合适吗?谁能帮我
网站在这里! [点击我]
这是style.css单击我进行粘贴
The code is more than the character limit
有人可以帮我吗?
谢谢。
#1
那是因为你的徽标卡在了h1标签之间
从h1中将其删除后, 默认的引导程序类将带有默认的填充和边距。
加上这个
.navbar-brand
{
padding:0;
margin:0;
}
并删除引导类col-sm-3, 因为.col-sm-3仅占用25%的空间
由于你需要填充屏幕, 请使用col-sm-12它将占据页面的100%。
要了解有关引导网格的更多信息, 请参见此处:https://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp
引导网格还带有默认填充。取下填充物以适合屏幕
加上这个
.col-sm-12
{
padding:0;
}
.row
{
margin:0;
}
你现在将拥有完整尺寸的图像。希望我能帮上忙。
#2
你提供的CSS令人困惑。标头图片所在的容器称为navbar-brand。在CSS Ctrl + F中找到它
添加此代码段, 它应该做你想要的。
.navbar-brand{
width: 435% !important;
}
现在, 如果要更改标题图像的尺寸, 则必须更改宽度百分比, 以使新尺寸与标题相匹配。
#3
有两种方法可以解决此问题, 一种是将navbar列设置为col-sm-12, 这样容器的宽度将为100%, 并且将自动采用全宽。因为当前它正在获得col-sm-4, 这意味着33.33%。
添加宽度超过100%绝不是一个好习惯, 你可以在样式表中添加此代码作为第二个选择。
.navbar-brand {
width: 1140px !important;}
来源:
https://www.srcmini02.com/66321.html