减少Bootstrap模板的页边距

Question

我自定义了一个Bootstrap模板，我无法弄清楚如何减小页边距的宽度（因此文本更接近页面边缘）。

例如，如果您查看下面的图像，文本距离页面边缘相当长。我希望如此＆＃34;我们会尽快回复你！＆＃34; part将继续在同一行，而不是开始一个新行。

https://gyazo.com/e75d1decdd4070446fc73cf95dafd381

在bootstrap.css文件中有以下代码我认为会改变它，但它没有用。

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

我确定它真的很简单，但我无法弄清楚。

提前致谢！

Answer 1

在您使用的模板中，max-width设置为1000px。将其更改为100%或将其删除。该文本目前居中。也将它与左对齐。

header .header-content .header-content-inner {
  max-width: 100%;
}

header .header-content {
  text-align: left;
}

<强>输出：