Question

我正在使用引导程序来制作登录页面，我在对齐和响应方面遇到了麻烦。我希望图像位于屏幕的一角，但是当屏幕变小时，它也会调整。它不与我合作，它保持在它的位置。这是我想要移动的vision.png图像。我试过相对和绝对的位置，但没有运气

<header>
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <img class="img-responsive" src="img/vision.png" alt="">
                <div class="intro-text">
                    <!-- <span class="name">text here</span>-->
                    <!-- <hr class="star-light"> -->
                    <img class="img-responsive" src="img/Logo.png" alt="">
                    <span class="skills">more text here</span>
                </div>
            </div>
        </div>
    </div>
</header>

Answer 1

谢谢大家，它有效。我所做的只是在class =“col-3-xs”中添加一个新的div并将其放在那里。

代码：

<div class="container">

        <div class="row">
            <div class="col-xs-3 vision"><img class="img-responsive" src="img/vision.png" alt=""></div>
            <div class="col-lg-12">
                <img class="img-responsive" src="img/Logo.png" alt="">
                <div class="intro-text">
                    <!-- <span class="name">text</span>-->
                    <!-- <hr class="star-light"> -->

                    <!-- <span class="skills">text</span> -->
                </div>
            </div>
        </div>
    </div>

无法在角落里制作出响应式的图像

1 个答案: