我有一个设计,即左侧列与容器填充对齐,右侧列与滚动条全宽对齐。下面是设计。
如何在bootstrap中实现上述设计。我试过使用下面的代码。
<div class='container me-0'>
<div class='row align-items-center'>
<div class='col-md-5'>
<h1>Application Development</h1>
<p className='mb-0'>
Craft innovative applications tailored to clients with latest programming techniques.
</p>
</div>
<div class='col-md-7'>
<img src='/assets/images/services1.png' alt='Contact' style="width: 100%"/>
</div>
</div>
</div>
我正在使用bootstrap 5,它应该是响应的。
1条答案
按热度按时间svmlkihl1#
这是一个有点棘手,这是我猜在这一刻,预期的设计与充分responsivness(图像应该永远不会与文字重叠)
希望有帮助,祝你好运!