Css 引导程序3.3.5图标问题

我有以下代码：

<p>
    <span class="glyphicon glyphicon-map-marker"></span>
    The Old Steam House, Unit 10, Goblands Farm, Cemetery Lane, Hadlow, Kent, TN11 0LT
</p>

TN11 0LT肯特郡哈德洛公墓巷Goblands农场10单元旧蒸汽房

这样输出，这很好。

然而，在手机上看起来是这样的

如何/什么是将文本缩进的最佳方式

---

如果这不是一个好问题，我很抱歉，我以前从未使用过Bootstrap。

正如我在评论中所说，Bootstrap无法解决此类问题

您可以使用padding left:[value]，其中value是字体大小+所需间距

HTML（更改为“p”，因为“div”不能是“p”的子项）：

---

这里有一把小提琴：

字形图标上的负左边距应该可以工作

@导入url（“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css");
.多行边距{
利润率：0.20px；
}
.multiline margin>.glyphicon{
利润率：0-20px；
}

TN11 0LT肯特郡哈德洛公墓巷Goblands农场10单元旧蒸汽房

这不是引导解决的问题。为什么不在“p”标记上使用左边的填充，并根据glyphicon的大小设置其值呢？当然，很简单course@elad.chen-我很困惑，在p标签上的

paddin是如何左撇子的

来解决这个问题的？我有点走火入魔了。我的意思是，他可以将文本包装到另一个容器中，并给父元素留一个空格

<div>
    <span class="glyphicon glyphicon-map-marker pull-left"></span>
    <p class="padded-box">The Old Steam House, Unit 10, Goblands Farm, Cemetery Lane, Hadlow, Kent, TN11 0LT</p>
</div>

/* this selector is just for example */
div {
    font-size: 18px;
}

.padded-box {
    padding-left: 23px /* 18px + 5px for spacing */ 
}