css - rtl - bootstrap w3schools




ما هي الفئة المكافئة ".well" في Bootstrap 4 (4)

إنني أصاب بفصولي جيدًا لتنبيه الصف ، ويبدو لي أنه يبدو لطيفًا ، لكن هناك حاجة إلى بعض التعديلات في بعض الأحيان لوضع العرض 100٪

<div class="alert alert-light" style="width:100%;">
  <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
</div>

يوجد في bootstrap-3 فئة .well والتي تضيف .well حول عنصر بلون خلفية رمادية وبعض الحشوات.

<div class="well">Basic Well</div>

ولكن ، لم أجد أي فئة .well في bootstrap-4. هل هناك أي علامة مساوية لـ .well في bootstrap-4؟


هذا عملت بشكل أفضل بالنسبة لي:

<div class="card bg-light p-3">
 <p class="mb-0">Some text here</p>
</div>

يبدو أن البطاقة "تم إهمالها" LOL ، فقد وجدت أن "البئر" لا تعمل مع bootstrap 4.3.1 و jQuery v3.4.1 ، فقط تعمل بشكل جيد مع bootstrap 4.3.1 و jQuery v3.3.1 . آمل أن يساعد.


يتم إسقاط الآبار من Bootstrap مع v4-alpha.getbootstrap.com/migration .

يمكنك استخدام Cards بدلاً من Wells.

فيما يلي مثال سريع لكيفية استخدام ميزة البطاقات الجديدة:

<div class="card card-inverse" style="background-color: #333; border-color: #333;">
  <div class="card-block">
    <h3 class="card-title">Card Title</h3>
    <p class="card-text">This text will be written on a grey background inside a Card.</p>
    <a href="#" class="btn btn-primary">This is a Button</a>
  </div>
</div>

مثال حي: jsFiddle







twitter-bootstrap-4