テキストボックスを右に移動して、カルーセルを左に配置できるようにします。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>
さて、marginプロパティを使用できます。
編集:または、ブートストラップグリッドを使用することもできます。
編集2:ブートストラップグリッドのドキュメントへのリンクは次のとおりです
https://getbootstrap.com/docs/4.0/layout/grid/
これらのようなものを作成したい場合は、ブートストラップグリッドを実装できます
https://getbootstrap.com/docs/4.0/components/card/またはここhttps://getbootstrap.com/docs/4.0/components/forms/
そして、あなたの場合でも、ブートストラップグリッドは応答性が高いので素晴らしい選択です。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加