将标题移到左侧，似乎无法弄明白？ （HTML / CSS）

Question

毫无疑问，这对大多数人来说都是一个简单的问题。我正在尝试使用这个主题为我的朋友制作一个网页：

http://www.templatemo.com/live/templatemo_452_stone

我试图移动标题＆＃34; STONE＆＃34;更左边，关于如何做到这一点的任何想法？..如果可能的话，我希望头版图像略高于它。

在此先感谢，我对所有搞乱的事情感到头疼！

Answer 1

看起来你的.container类的设置宽度为1177px。如果您只想移动标题而不是链接，那么您必须添加一些负边距。

.navbar-header {
   margin-left: -50px;
}

Answer 2

将您的课程container更改为container-fluid，如下所示。

<div class="site-header">
        <div class="container-fluid">
            <div class="row">
                <nav class="navbar navbar-default navbar-static-top">
                    <div class="navbar-header">

最终输出如下。

答案here中所述的container和container-fluid之间的差异是

  

.container-fluid在您更改宽度时会不断调整大小   窗口/浏览器任意数量，不会留下额外的空白空间   和容器一样，不仅如此。 （因此命名：“流动”为   反对“数字”，“离散”，“分块”或“量化”）。

Answer 3

你必须设置这个css规则才能实现它：

div.row {
    margin-left: -100px !important;
}

但由于我不知道你的html / css结构，它可能有副作用......

您还可以在html中搜索该行：

<div class="row">

并将样式内联：

<div class="row" style="margin-left: -100px">

当然，更改-100px表示您想要的像素数。在原始的CSS中，它被设置为-15px;