如何向右移动文本框

debugcn 发表于 Dev

斯蒂芬妮

我想在右侧移动一个文本框，以便在其左侧放置一个轮播。我试过使用float，但这似乎不起作用。

        <div class="col-12 col-md-5">
        </div>
        d-flex align-items-center
        <div class="col-12 col-md-6 bg-white d-flex align-items-center border border-dark rounded-right">
            <div class="messageBox">
                <h2>Message From Owner</h2>
                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, dolore. Perferendis aliquam,
                    exercitationem ipsam vel nam cupiditate ratione rem, voluptate tempora accusamus qui quisquam
                    iusto voluptas laudantium excepturi! </p>


                <p>Magni, quisquam. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aut in tempora, est
                    corrupti nulla ex, magni vel repudiandae, nisi natus maiores asperiores deserunt explicabo
                    labore! Vero sint eaque aut delectus.</p>
            </div>
        </div>
    </div>

LIL LOFIE

好了，您可以使用margin属性。

编辑：或者，您也可以使用引导网格。

编辑2：这是引导网格文档的链接

https://getbootstrap.com/docs/4.0/layout/grid/

当您想做类似这样的事情时，可以实现bootstrap grid

https://getbootstrap.com/docs/4.0/components/card/或此处https://getbootstrap.com/docs/4.0/components/forms/

甚至在您的情况下，引导网格也是一个不错的选择，因为它具有很高的响应速度。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。