diff options
author | Chris Rebert <code@rebertia.com> | 2014-02-12 23:10:55 +0400 |
---|---|---|
committer | Chris Rebert <code@rebertia.com> | 2014-02-12 23:13:54 +0400 |
commit | f6d029f6abf0ae892a54c18bc283e0ef33ef430d (patch) | |
tree | aa0f550bc022c53f6400ab26400bd5b6ffafafcd /docs/javascript.html | |
parent | dff122f7f0733f653d6845f7338b55388cd982f9 (diff) |
Use .bs-example-* instead of .bs-* in examples in docs
Refs #12610
Diffstat (limited to 'docs/javascript.html')
-rw-r--r-- | docs/javascript.html | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/docs/javascript.html b/docs/javascript.html index ddb233fd5f..561fc3fd9f 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -241,14 +241,14 @@ $('#myModal').on('show.bs.modal', function (e) { <h2 id="modals-sizes">Optional sizes</h2> <p>Modals have two optional sizes, available via modifier classes to be placed on a <code>.modal-dialog</code>.</p> <div class="bs-example"> - <button class="btn btn-primary" data-toggle="modal" data-target=".bs-modal-lg">Large modal</button> - <button class="btn btn-primary" data-toggle="modal" data-target=".bs-modal-sm">Small modal</button> + <button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button> + <button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Small modal</button> </div> {% highlight html %} <!-- Large modal --> -<button class="btn btn-primary" data-toggle="modal" data-target=".bs-modal-lg">Large modal</button> +<button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button> -<div class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> +<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> ... @@ -257,9 +257,9 @@ $('#myModal').on('show.bs.modal', function (e) { </div> <!-- Small modal --> -<button class="btn btn-primary" data-toggle="modal" data-target=".bs-modal-sm">Small modal</button> +<button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Small modal</button> -<div class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> +<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> ... @@ -269,7 +269,7 @@ $('#myModal').on('show.bs.modal', function (e) { {% endhighlight %} <!-- Modal content for the above example --> - <div class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> + <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> @@ -283,7 +283,7 @@ $('#myModal').on('show.bs.modal', function (e) { </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> - <div class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> + <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> @@ -435,7 +435,7 @@ $('#myModal').on('hidden.bs.modal', function (e) { <nav id="navbar-example" class="navbar navbar-default navbar-static" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> - <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-js-navbar-collapse"> + <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-example-js-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> @@ -443,7 +443,7 @@ $('#myModal').on('hidden.bs.modal', function (e) { </button> <a class="navbar-brand" href="#">Project Name</a> </div> - <div class="collapse navbar-collapse bs-js-navbar-collapse"> + <div class="collapse navbar-collapse bs-example-js-navbar-collapse"> <ul class="nav navbar-nav"> <li class="dropdown"> <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> @@ -614,7 +614,7 @@ $('#myDropdown').on('show.bs.dropdown', function () { <nav id="navbar-example2" class="navbar navbar-default navbar-static" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> - <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-js-navbar-scrollspy"> + <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-example-js-navbar-scrollspy"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> @@ -622,7 +622,7 @@ $('#myDropdown').on('show.bs.dropdown', function () { </button> <a class="navbar-brand" href="#">Project Name</a> </div> - <div class="collapse navbar-collapse bs-js-navbar-scrollspy"> + <div class="collapse navbar-collapse bs-example-js-navbar-scrollspy"> <ul class="nav navbar-nav"> <li><a href="#fat">@fat</a></li> <li><a href="#mdo">@mdo</a></li> |