Html 如何使用Twitter引导将图标水平居中
我试图将我的图标集中在我的推特引导代码中 这是我的HTML:Html 如何使用Twitter引导将图标水平居中,html,css,twitter-bootstrap,font-awesome,glyphicons,Html,Css,Twitter Bootstrap,Font Awesome,Glyphicons,我试图将我的图标集中在我的推特引导代码中 这是我的HTML: Lorem ipsum dolor sit amet,奉献精英。发明者、发明者、劳动法委员会(iusto nam quibusdam and Discification Reurm expedita a autem itaque deletus iste mollitia perferendis sint libero accusamus)别名为iusto nam quibusdam 在里面伊尼姆,我们需要一个明确的选择 但是,流动
Lorem ipsum dolor sit amet,奉献精英。发明者、发明者、劳动法委员会(iusto nam quibusdam and Discification Reurm expedita a autem itaque deletus iste mollitia perferendis sint libero accusamus)别名为iusto nam quibusdam
在里面伊尼姆,我们需要一个明确的选择
但是,流动性、非流动性、非流动性、非流动性、非流动性和非流动性都会破坏自由权利,并导致类似于官方名言的错误,甚至会导致集体或个人的不正当行为!
勃朗第耳是否有类似的症状
这是一个很好的例子!首先,非法定工作人员的实验室在法定工作时间内工作,并在法定工作时间内工作。火山口,火山口,火山口
托米里布·沃卢帕特斯是库德·多洛雷的建筑设计师
以下是我已经尝试过的:
#首页内容{
背景色:$bgDefault;
我{
文本对齐:居中;
}
跨度{
文本对齐:居中;
}
}
适用于文本,但不适用于i
元素
如果我给周围的div一个静态宽度,然后用
右边距:自动;
左边距:自动;
显示:块;
…但我不想给周围的div一个静态宽度
那么,在不应用静态宽度的情况下,如何解决这个问题呢
Edit:我也知道
center
HTML元素,但这不是CSS,因此不太方便。您只需在容器div
中使用text align:center
定义display:block
,即可:
.col-lg-4 i{
显示:块;
文本对齐:居中
}
编辑#1:由于这个答案似乎有吸引力,值得注意的是,更“推特引导式”的方法是什么,即使用文本中心
类
请注意,这与我的解决方案基本相同,考虑到text center
所做的一切都设置为text align:center
,它只是利用了twitter引导功能
另外请注意,text align:center
仅适用于您明确设置了display:block
的文件或文件,如我上面的原始答案所示。我需要在那里指定它,因为我在I
标记上使用了它,这是一个
编辑#2:我刚刚看到您在中心
元素上的[OP]编辑:虽然它确实不是CSS而是HTML,但问题不大,更大的问题是它过时了。有关详细信息,请参见
对很抱歉,你不得不提醒我。我本来打算接受的,但是Stackoverflow不允许我这么快就检查你的答案,因为答案是正确的。。。现在它起作用了。再次显示Thx。由于外部跨距没有宽度,因此无法工作!不间断电源。我们需要使用
来代替
。工作演示
<div class="text-center">
<i class="fa fa-camera-retro fa-5x></i>
</div>