Wordpress Style.css 标题错误答案

【问题标题】：Wordpress Style.css Header errorWordpress Style.css 标题错误
【发布时间】：2018-08-25 11:39:44
【问题描述】：

我目前正在开发一个网站，出于某种原因，我对徽标/横幅的大小感到困惑，因为该主题的唯一选择是导入徽标并使用它。我上传了横幅，我希望它直接穿过并完美贴合？谁能帮帮我

 The code is more than the character limit

谁能帮帮我？

谢谢。

【问题讨论】：

【解决方案1】：

在乱用您提供的 CSS。标题图像所在的容器称为 navbar-brand。在 CSS 中 Ctrl+F 并找到它

添加这个 sn-p，它应该做你想做的事。

.navbar-brand{
   width: 435% !important;
}

现在，如果更改标题图像的大小，您将不得不更改宽度百分比以使新大小与标题相匹配。

【讨论】：

【解决方案2】：

有两种方法可以解决这个问题，一种是让你的导航栏列到 col-sm-12 这样容器的宽度将是 100%，它会自动取全宽。因为目前它正在获得 col-sm-4，这意味着 33.33%。

添加超过 100% 的宽度绝不是一个好习惯，您可以在样式表中添加此代码作为第二个选项。

.navbar-brand {
    width: 1140px !important;}

【讨论】：

【解决方案3】：

那是因为您的徽标卡在 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;
}

您现在将拥有完整大小的图像。希望我能帮上忙。

【讨论】：