在Bootstrap 3.0中的单词之间添加空格(HTML转义字符不起作用)

Question

Stackoverflow,请帮忙!

我正在使用Bootstrap(3.1.1)和AngularJS为我朋友的摄影业务开发一个网站.

当我尝试在导航栏中的单词之间添加制表符空间时,我遇到的问题就出现了,例如:

<a href="#/" class="navbar-brand">JOHN &#9;&#9; DOE</a>

我能够让它工作的唯一方法是使用<pre>标签,但这会产生与所需的完全不同的样式.

我试过使用和不使用AngularJS $Sanitize模块,没有任何影响.

我想我错过了一些基本的东西,但我显然不确定那是什么.

提前致谢,

JOHNDOE

Answer 1

使用跨度可以提供更清晰的代码.

<a href="#/" class="navbar-brand">JOHN<span class="tab-space">DOE</span></a>

那么css:

span.tab-space {padding-left:5em;}