1 files changed, 33 insertions, 0 deletions
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/wells.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/wells.html
new file mode 100644
index 000000000..e502f2b3c
--- /dev/null
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/wells.html
@@ -0,0 +1,33 @@
+<div class="bs-docs-section">
+  <h1 id="wells" class="page-header">Wells</h1>
+
+  <h2>Default well</h2>
+  <p>Use the well as a simple effect on an element to give it an inset effect.</p>
+  <div class="bs-example" data-example-id="default-well">
+    <div class="well">
+      Look, I'm in a well!
+    </div>
+  </div>
+{% highlight html %}
+<div class="well">...</div>
+{% endhighlight %}
+  <h2>Optional classes</h2>
+  <p>Control padding and rounded corners with two optional modifier classes.</p>
+  <div class="bs-example" data-example-id="large-well">
+    <div class="well well-lg">
+      Look, I'm in a large well!
+    </div>
+  </div>
+{% highlight html %}
+<div class="well well-lg">...</div>
+{% endhighlight %}
+
+  <div class="bs-example" data-example-id="small-well">
+    <div class="well well-sm">
+      Look, I'm in a small well!
+    </div>
+  </div>
+{% highlight html %}
+<div class="well well-sm">...</div>
+{% endhighlight %}
+</div>