rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-06 04:08:22 +01:00
Code Issues Actions Packages Releases Activity

fixes #16902: remove the .container-fluid from the grid system in modal example since it's doubling up padding

Browse Source
This commit is contained in:
Mark Otto 2015-08-04 19:57:49 -07:00
parent cf2d9bfe8a
commit f9bee7deb6
1 changed files with 41 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/_includes/js/modal.html
View File

@ -219,7 +219,7 @@ $('#myModal').on('shown.bs.modal', function () {
{% endhighlight %} {% endhighlight %}
<h2 id="modals-grid-system">Using the grid system</h2> <h2 id="modals-grid-system">Using the grid system</h2>
<p>To take advantage of the Bootstrap grid system within a modal, just nest <code>.container-fluid</code> within the <code>.modal-body</code> and then use the normal grid system classes within this container.</p> <p>To take advantage of the Bootstrap grid system within a modal, just nest <code>.row</code>s within the <code>.modal-body</code> and then use the normal grid system classes.</p>
<!-- sample modal content --> <!-- sample modal content -->
<div id="gridSystemModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridModalLabel"> <div id="gridSystemModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridModalLabel">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
@ -229,7 +229,6 @@ $('#myModal').on('shown.bs.modal', function () {
<h4 class="modal-title" id="gridModalLabel">Modal title</h4> <h4 class="modal-title" id="gridModalLabel">Modal title</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div>
<div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div> <div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
@ -255,7 +254,6 @@ $('#myModal').on('shown.bs.modal', function () {
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button> <button type="button" class="btn btn-primary">Save changes</button>
@ -277,7 +275,6 @@ $('#myModal').on('shown.bs.modal', function () {
<h4 class="modal-title" id="gridSystemModalLabel">Modal title</h4> <h4 class="modal-title" id="gridSystemModalLabel">Modal title</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div>
<div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div> <div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
@ -303,7 +300,6 @@ $('#myModal').on('shown.bs.modal', function () {
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button> <button type="button" class="btn btn-primary">Save changes</button>