【问题标题】:What's the simplest way of horizontally aligning a Font Awesome icon in the center of a div using Bootstrap? [closed]使用 Bootstrap 在 div 中心水平对齐 Font Awesome 图标的最简单方法是什么? [关闭]
【发布时间】:2017-11-15 19:18:36
【问题描述】:

我想在网页底部创建 3 个图标:

<div class="container">
    <h1>contact</h1>
     <div class="row">
        <div class="col-sm-4"><i class="icon-facebook"></i></div>
        <div class="col-sm-4"><i class="icon-envelope"></i></div>
        <div class="col-sm-4"><i class="icon-linkedin"></i></div> 
     </div>
 </div>
</div>

【问题讨论】:

  • 你的问题/问题/问题是......?
  • 我想以最简单的方式确保每个图标都位于它所嵌套的 div 的水平中间。
  • 你的意思是最近的祖先 div?如果我们不再到处使用 div,生活会更轻松……

标签: html css twitter-bootstrap-3 font-awesome web-frontend


【解决方案1】:

text-center 类添加到您的 div。

【讨论】:

  • 是的,它成功了。
猜你喜欢
  • 1970-01-01
  • 2018-04-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-04-23
相关资源
最近更新 更多