Nun: Der Effekt des -Stils ähnelt dem Großbildschirm-Jumbotron-Stil. Der Unterschied besteht darin, dass der Well-Stil eine Rahmeneinstellung hat und die Standardhöhe die Höhe des adaptiven Texts ist .
Beispielcode:
<div class="well"> <p> sorry I have no word to say</p> <blockquote>this is a 引用内容</blockquote></div>
Dies ist eine leichte, flexible Komponente, die sich auf den gesamten Browser-Ansichtsbereich erstrecken kann, um wichtige Inhalte auf der Website anzuzeigen. In diesem Artikel wird die Bootstrap-Depression ausführlich vorgestellt
Übersicht
Die Wirkung des Well-Stils ähnelt der des Jumbotron-Stils. Der Unterschied besteht darin, dass der Brunnen Der Stil verfügt über eine Rahmeneinstellung und die Standardhöhe ist die Höhe des adaptiven Texts. Durch die Verwendung von Well auf ein Element können Sie einen einfachen Einfügungseffekt erzielen.
Die Methode zur Verwendung des Well-Stils ist sehr einfach. Verwenden Sie einfach die .well-Klasse
.well {min-height: 20px;padding: 19px;margin-bottom: 20px;background-color: #f5f5f5;border: 1px solid #e3e3e3;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}<div class="well">小火柴的蓝色理想</div>
Der Well-Stil bietet Stile in verschiedenen Größen, hauptsächlich Polsterung und abgerundete Eckengrößen, die Well-LG bzw. Well-Sm sind. Bei Verwendung einfach direkt mit einer Vertiefung auf das gleiche Element auftragen
.well-lg {padding: 24px;border-radius: 6px;
}.well-sm {padding: 9px;border-radius: 3px;
}<div class="well">小火柴的蓝色理想</div>小火柴的蓝色理想小火柴的蓝色理想
Das obige ist der detaillierte Inhalt vonWas sind Bootstrap-Swales?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
