ShariX
/
converse-built


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
							<!DOCTYPE html>
<html><head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title></title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="robots" content="noindex, nofollow">
  <meta name="googlebot" content="noindex, nofollow">
  <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.css">

  <style id="compiled-css" type="text/css">
      .vh-70 { height: 72vh !important }
  </style>


</head>
<body>
	<div class="vh-100 d-flex justify-content-center align-items-center">
		<button class="btn btn-primary mr-1" data-title="Popover" data-content="Sample popover content" data-toggle="popover">
			Button
		</button>
		<button class="btn btn-primary mr-1" data-toggle="tooltip" data-title="Tooltip">
			Button
		</button>
		<button class="btn btn-primary mr-1" data-toggle="tooltip" data-title="Tooltip">
			Button
		</button>
		<button class="btn btn-primary mr-1" data-title="Popover" data-content="Sample popover content" data-toggle="popover">
			Button
		</button>
		<button class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
			Button Modal
		</button>
	</div>

<!-- Button trigger modal -->
<!-- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
	Launch demo modal
</button> -->

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
			</div>
			<div class="modal-body">
				<div class="vh-70 d-flex justify-content-center align-items-center">
					<button class="btn btn-primary" data-toggle="tooltip" data-title="Tooltip">
						Button
					</button>
					<button class="btn btn-primary" data-title="Popover" data-content="Sample popover content" data-toggle="popover">
						Button
					</button>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary">Save changes</button>
			</div>
		</div>
	</div>
</div>	

	<script type="text/javascript" src="./dist/bootstrap-native-v4.js"></script>

	<script type="text/javascript">

	var htmlRect = document.documentElement.getBoundingClientRect();
	var ww = htmlRect.right - Math.abs(htmlRect.left);
	var wh = htmlRect.bottom - Math.abs(htmlRect.top);
	var bodyIsOverflowingX = document.body.clientWidth < ww;
	var bodyIsOverflowingY = document.body.clientHeight < wh;
	
	/* console.log(document.body.offsetWidth)
	console.log(document.body.clientWidth) */
	// console.log(bodyIsOverflowingX)
	
	// console.log(getComputedStyle(document.querySelector('button').parentNode).display)

</script>

</body>
</html>