mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
add togglable scrollbar-inducing content to Modal visual test
This commit is contained in:
parent
6ddb8c2dd7
commit
a134491fe5
1 changed files with 18 additions and 0 deletions
|
@ -13,6 +13,15 @@
|
|||
<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>
|
||||
<![endif]-->
|
||||
|
||||
<style>
|
||||
#tall {
|
||||
height: 1500px;
|
||||
width: 100px;
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
@ -122,6 +131,12 @@
|
|||
Launch demo modal
|
||||
</button>
|
||||
|
||||
<button id="tall-toggle" class="btn btn-default">Toggle tall <body> content</button>
|
||||
<br><br>
|
||||
<div id="tall" style="display: none;">
|
||||
Tall body content to force the page to have a scrollbar.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- JavaScript Includes -->
|
||||
|
@ -137,6 +152,9 @@
|
|||
$(function () {
|
||||
$('.js-popover').popover()
|
||||
$('.js-tooltip').tooltip()
|
||||
$('#tall-toggle').click(function () {
|
||||
$('#tall').toggle()
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
|
|
Loading…
Reference in a new issue