bootstrapでnavbar で一番左側のタイトル部分を削除すると生じる隙間を削除したい

bootstrapでnavbar で一番左側のタイトル部分を削除すると生じる隙間を削除したいのですが、どのようにしたらよいでしょうか？
新たにCSSの内容を上書きするstyle.cssを作成して打ち消しながらレイアウトをしています。
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarEexample">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">タイトル</a>
</div>
<div class="collapse navbar-collapse" id="navbarEexample">
<ul class="nav navbar-nav">
<li class="active"><a href="#">メニューＡ</a></li>
<li><a href="#">メニューＢ</a></li>
<li><a href="#">メニューＣ</a></li>
</ul>
</div>
</div>
</nav>

の
<a class="navbar-brand" href="#">タイトル</a>
を削除して

<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarEexample">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbarEexample">
<ul class="nav navbar-nav">
<li class="active"><a href="#">メニューＡ</a></li>
<li><a href="#">メニューＢ</a></li>
<li><a href="#">メニューＣ</a></li>
</ul>
</div>
</div>
</nav>
としたところ、
一番左端に隙間が出来ました。これを削除するために css ファイルにpadding:0;といっ
た内容を記述しましたが、うまくいきません。
どのように対処すればよいでしょうか？レスポンシブ対応の際にくずれたりすることがあります。

対処方法をご教授頂ければ幸いです。

No.1 回答者： t_fumiaki 回答日時： 2017/03/13 14:11

CSSに依存するから、CSS無しには誰も解らない。