如何调整bootstrap以使其更具响应性？

Question

我正在创建一个网站，但我无法使其响应，特别是导航栏。在我调整窗口大小后，它只是“折叠”，但不是以我想要的方式。

正如您所见，导航栏搞砸了。我需要帮助才能正确调整它。 在我将其调整为“mobile-size”之后也会出现这种情况，如您所见：

看起来很难看。 “标题”部分混乱，导航栏和“主页”图片（眼睛）之间有一个很大的空白区域。我真的很感激任何帮助。这是一个带代码的“小提琴”。 https://jsfiddle.net/k968gLa5/

.row-fluid .span4>a {
    font-family:arial;
    font-weight: lighter;
    color: #ced0d2;
    padding: 15px;
}

有些代码不会让我发布这个：P