Skip to content
GitLab
Commit cdb2147b authored by Mark Otto's avatar Mark Otto
Browse files

add new modal to docs example

parent 8ca70bd8
Hide whitespace changes
Inline Side-by-side
Showing
with 56 additions and 28 deletions
+56 -28
docs/assets/css/docs.css
+ 16
- 0
View file @ cdb2147b
...@@ -271,6 +271,22 @@ section > ul li { ...@@ -271,6 +271,22 @@ section > ul li {
margin-bottom: 0; margin-bottom: 0;
} }
/* Example modals */
.bs-docs-example-modal {
background-color: #f5f5f5;
}
.bs-docs-example-modal .modal {
position: relative;
top: auto;
right: auto;
left: auto;
bottom: auto;
z-index: 1;
display: block;
margin-left: auto;
margin-right: auto;
}
/* Example templates /* Example templates
......
docs/javascript.html
+ 20
- 14
View file @ cdb2147b
...@@ -185,20 +185,26 @@ $('#myModal').on('show', function (e) { ...@@ -185,20 +185,26 @@ $('#myModal').on('show', function (e) {
<h3>Static example</h3> <h3>Static example</h3>
<p>A rendered modal with header, body, and set of actions in the footer.</p> <p>A rendered modal with header, body, and set of actions in the footer.</p>
<div class="bs-docs-example" style="background-color: #f5f5f5;"> <div class="bs-docs-example bs-docs-example-modal">
<div class="modal" style="position: relative; top: auto; left: auto; right: auto; display: block; margin: 0 auto 20px; z-index: 1; max-width: 100%;">
<div class="modal-header"> <div class="modal">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <div class="modal-dialog">
<h3>Modal header</h3> <div class="modal-content">
</div> <div class="modal-header">
<div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<p>One fine body&hellip;</p> <h3 class="modal-title">Modal header</h3>
</div> </div>
<div class="modal-footer"> <div class="modal-body">
<a href="#" class="btn">Close</a> <p>One fine body&hellip;</p>
<a href="#" class="btn btn-primary">Save changes</a> </div>
</div> <div class="modal-footer">
</div> <a href="#" class="btn">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dalog -->
</div><!-- /.modal -->
</div> </div>
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;div class="modal fade"&gt; &lt;div class="modal fade"&gt;
......
docs/templates/pages/javascript.mustache
+ 20
- 14
View file @ cdb2147b
...@@ -118,20 +118,26 @@ $('#myModal').on('show', function (e) { ...@@ -118,20 +118,26 @@ $('#myModal').on('show', function (e) {
<h3>Static example</h3> <h3>Static example</h3>
<p>A rendered modal with header, body, and set of actions in the footer.</p> <p>A rendered modal with header, body, and set of actions in the footer.</p>
<div class="bs-docs-example" style="background-color: #f5f5f5;"> <div class="bs-docs-example bs-docs-example-modal">
<div class="modal" style="position: relative; top: auto; left: auto; right: auto; display: block; margin: 0 auto 20px; z-index: 1; max-width: 100%;">
<div class="modal-header"> <div class="modal">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <div class="modal-dialog">
<h3>Modal header</h3> <div class="modal-content">
</div> <div class="modal-header">
<div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<p>One fine body&hellip;</p> <h3 class="modal-title">Modal header</h3>
</div> </div>
<div class="modal-footer"> <div class="modal-body">
<a href="#" class="btn">Close</a> <p>One fine body&hellip;</p>
<a href="#" class="btn btn-primary">Save changes</a> </div>
</div> <div class="modal-footer">
</div> <a href="#" class="btn">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dalog -->
</div><!-- /.modal -->
</div>{{! /example }} </div>{{! /example }}
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;div class="modal fade"&gt; &lt;div class="modal fade"&gt;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment