在Bootstrap 3导航中删除品牌 [英] Removing Brand in Bootstrap 3 Navigation

查看:99
本文介绍了在Bootstrap 3导航中删除品牌的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

首先,我已经用相同的问题访问了其他主题,而不是任何答案。



这里是bootstrap 3 nav:





正如您在左边看到的,那里有一个品牌文本,用于删除源文件中删除的内容:

 < a class =navbar-brandhref =#>品牌< / a> 

结果如下:



正如你所看到的品牌被删除,但有空的空间,我不能摆脱...。



我应该如何删除空的空间离开品牌,让菜单从左边开始?

谢谢



  .navbar .container-fluid ,.navbar-collapse {
padding-left:0;
}
.navbar-collapse.in {
padding-left:30px;
}



Demo小提琴


First of all, I already visited the other topics with the same question, not any answers for me.

Here is the bootstrap 3 nav:

As you can see in left, there is a "Brand" text there, for removing that in the source I removed:

<a class="navbar-brand" href="#">Brand</a>

The results is something like:

As you can see the "Brand" is removed but there is empty space there which I can not get rid of... .

How should I remove that empty space left from "Brand" and let the menu start from the left?

Thanks

解决方案

Try adding the below to your CSS:

.navbar .container-fluid, .navbar-collapse {
    padding-left:0;
}
.navbar-collapse.in {
    padding-left:30px;
}

Demo Fiddle

这篇关于在Bootstrap 3导航中删除品牌的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆