Farklar

Bu sayfanın seçili sürümü ile mevcut sürümü arasındaki farkları gösterir.

--- syntax:well [2026/04/12 13:20] – oluşturuldu ulascemh
+++ syntax:well [2026/04/12 13:20] (mevcut) – ulascemh
@@ Satır 3: / Satır 3: @@
 </jumbotron>
-**Note**: Instead of <nowiki><grid></nowiki> you can use <nowiki><row></nowiki> alias.
+Use the well as a simple effect on an element to give it an inset effect.
-~~CLEARFIX~~
+===== Examples =====
-<code html>
+==== Default ====
-<grid>
-<col sm="6">.col-sm-6</col>
-<col sm="6">.col-sm-6</col>
-</grid>
-</code>
-~~CLEARFIX~~
+<well>Look, I'm in a well!</well>
+\\
+<code html5><well>Look, I'm in a well!</well></code>
+\\
+==== Small size ====
-<grid>
+<well size="sm">Look, I'm in a small well!</well>
-<col sm="6">.col-sm-6</col>
+\\
-<col sm="6">.col-sm-6</col>
+<code html5><well size="sm">Look, I'm in a small well!</well></code>
-</grid>
+\\
+==== Large size ====
-~~CLEARFIX~~
+<well size="lg">Look, I'm in a large well!</well>
+\\
+<code html5><well size="lg">Look, I'm in a large well!</well></code>
+\\
+===== Options =====
-<code html>
+^ Attribute ^ Default Value ^ Allowed Values | Description
-<grid>
+| ''size'' | optional | ''sm'' ''lg'' | Size of well |
-<col xs="12" sm="6" lg="8">.col-xs-12 .col-sm-6 .col-lg-8</col>
-<col xs="6" lg="4">.col-xs-6 .col-lg-4</col>
-</grid>
-</code>
-~~CLEARFIX~~
-<grid>
-<col xs="12" sm="6" lg="8">.col-xs-12 .col-sm-6 .col-lg-8</col>
-<col xs="6" lg="4">.col-xs-6 .col-lg-4</col>
-</grid>
-~~CLEARFIX~~
-===== Options =====
-<datatable info="false" paging="false" searching="true">
-^ Attribute ^ Description ^
-| ''xs'' | Column size (1 ~ 12) |
-| ''sm'' | Column size (1 ~ 12) |
-| ''lg'' | Column size (1 ~ 12) |
-| ''md'' | Column size (1 ~ 12) |
-</datatable>