Question

我已经查看了其他的自助帖子，但我仍然无法弄清楚为什么我的代码无法正常工作。我在这里的地方。非常感谢任何帮助，因为我已经为此工作了好几天......

如果我使用网格不应该只是堆叠？

(Arr1,Arr2)

Answer 1

您应将网站徽标和立即调用部分放在一个.row元素中，以使其与其他元素内联。如果2个部分位于2个不同的.row中，则它不能相同。

在此处查看有关Bootstrap网格的更多信息（因为Bootstrap 3文档更能解释您的问题）：https://getbootstrap.com/docs/3.3/css/#grid

<div class="row">
    <div class="col-md-6">
            <?php if ( ! has_custom_logo() ) { ?>

                <?php if ( is_front_page() && is_home() ) : ?>

                    <h1 class="navbar-brand mb-0"><a rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>

                <?php else : ?>

                    <a class="navbar-brand" rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><?php bloginfo( 'name' ); ?></a>

                <?php endif; ?>


            <?php } else {
                the_custom_logo();
            } ?>
    </div>

    <!-- end custom logo -->
    <div class="col-md-6">
        <p class="text-right">Call Now</br>
        <a href="tel:636-244-4444">636-244-4444</a></p>
    </div>
</div> <!-- end row (one line) here -->

Bootstrap内联无法正确堆叠

1 个答案: