mirror/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-23 18:40:03 +00:00
Code Issues Projects Releases Wiki Activity

add togglable scrollbar-inducing content to Modal visual test

Browse Source
This commit is contained in:
Chris Rebert 2015-03-07 06:40:57 -08:00
parent 6ddb8c2dd7
commit a134491fe5
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
js/tests/visual/modal.html
View File

@ -13,6 +13,15 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
<style>
#tall {
height: 1500px;
width: 100px;
background-color: black;
color: white;
}
</style>
</head> </head>
<body> <body>
@ -122,6 +131,12 @@
Launch demo modal Launch demo modal
</button> </button>
<button id="tall-toggle" class="btn btn-default">Toggle tall &lt;body&gt; content</button>
<br><br>
<div id="tall" style="display: none;">
Tall body content to force the page to have a scrollbar.
</div>
</div> </div>
<!-- JavaScript Includes --> <!-- JavaScript Includes -->
@ -137,6 +152,9 @@
$(function () { $(function () {
$('.js-popover').popover() $('.js-popover').popover()
$('.js-tooltip').tooltip() $('.js-tooltip').tooltip()
$('#tall-toggle').click(function () {
$('#tall').toggle()
})
}) })
</script> </script>