twitter-bootstrap - 无法使 Angular 落中的图像响应

Question

我正在使用 bootstrap 制作登陆页面，但在对齐和响应方面遇到了问题。我希望图像位于屏幕的一 Angular ，但是当屏幕变小时它也会进行调整。它不与我一起工作，它保持在原位。这是我要移动的 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>