时间戳

首页 > 解决方案 > 在wordpress主题css中居中图像

html - 在wordpress主题css中居中图像

问题描述

这就是标题的样子：

HTML

<div class="row">

  <div class="col-md-6 col-sm-8 col-xs-12 text-right">
    <a href="#"><img class="site-logo" src="logo.png" alt=""></a>
  </div>
  <div class="col-md-6 col-sm-4 col-xs-12">
    <nav>...</nav>
  </div>

</div>

使用默认 css

我想让徽标在整行中居中（在屏幕中间），但根本不改变导航。

标签： htmlcsstwitter-bootstrap-3

解决方案

在 md 屏幕上这将是不可能的，因为您在两个 div 上都有 col-md-6，因此每个列占据屏幕的一半，在其他 sm 和 xs 屏幕上，您可以通过以下方式实现这一点 更改此行：

  <div class="col-md-6 col-sm-8 col-xs-12 text-right">

到

  <div class="col-md-6 col-sm-4 col-sm-offset-4 col-xs-12 text-center">

希望它可以帮助。

推荐阅读