如何从Bootstrap导航中删除左上角的空白？

Question

我有一个使用Bootstrap 3 Here is a demonstration link创建的导航菜单，我想从导航中删除顶部和左/右边距。

如何更新我的代码[css / html]以获得所需的输出？

Answer 1

我认为这是你的导航：

<nav role="navigation" class="navbar navbar-default">

它的风格是：

background-color: #f8f8f8;
border-color: #e7e7e7;
border-radius: 0px !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;

所以你必须添加css "border: none;"

糟糕的是你放松了border radius。

Answer 2

在您的代码中执行以下更正

首先删除此HTML

        <div class="navbar navbar-static-top">
           <div class="navbar-inner">
                <div class="container">
                  &nbsp;</div>
              </div>
         </div>

第二次使用此CSS

body {
        padding-top: 0px !important;
    }

现在你的顶级空间将消失！ 下一步

第三次在您的第一个div代码中移除container类并添加row类，如下所示

<div class="row">

现在你的左右空间将消失！

您将获得所需的结果!!