子divを親のdivと同じサイズにする方法を教えてください。そうすれば、白いボックスの左右に時間を作成できます。
これは私のコードです:
<div class="container">
<div class="row my-row">
<div class="col-md-3 col-sm-4 my-col">
</div>
<div class="col-md-6 col-sm-8 my-col" style="background-color: white;">
<div class="centerBlock">
<hr style="height:0px;border-top:10px solid #7F312B; width:auto;">
<div class="col-md-6">
</div>
<div class="row my-row">
<div class="col-md-6 col-sm-6 col-7" style="background-color: none;">
<img src="https://i.imgur.com/KpNE2CS.png" class="img-responsive" style="height: auto; width: 180px; float: left;">
</div>
<div class="col-md-6 col-sm-6 col-5 helvett cnt" style="background-color: none;">
<h3 style="font-size: 18px; color: #5F5F5F;">Novo módulo da nossa plataforma WEB WYIPI</h3>
<div style="font-size: 13px; color:#5F5F5F;">A sua nova ferramenta para controlar à distancia, qualquer tipo de processo externo que queira ou exija mais controlo.</div>
</div>
</div>
<div class="row my-row centerBlock">
<div class="col-md-12">
<button class="button button2 helvett" style="margin-bottom: 25px;margin-top: 45px;" >Saiba mais</button>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-4 my-col">
</div>
</div>
</div>
これを広告として使用するため、ブートストラップを使用しています。そのため、電子メールの場合は応答性が必要です。
列内の要素をaにすることができます.row
。パディングをキャンセルします。または、列内の要素に-15pxの左右のマージンを自分で与えることができます。これは同じ方法.row
です。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加