Skip to content

Instantly share code, notes, and snippets.

@cvrebert

cvrebert/test.html

Created January 22, 2014 03:51
Show Gist options
  • Save cvrebert/8553225 to your computer and use it in GitHub Desktop.
Save cvrebert/8553225 to your computer and use it in GitHub Desktop.
Download ZIP
HTML test page for investigating https://github.com/twbs/bootstrap/issues/12078
Raw
test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="../../assets/ico/favicon.ico">
<title>Starter Template for Bootstrap</title>
<!-- Bootstrap core CSS -->
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.x {
border-style: solid;
border-width: 1px;
}
.x5 { border-color: red; }
@media (min-width: 5px) { .x5 { border-color: green; } }
.x10 { border-color: red; }
@media (min-width: 10px) { .x10 { border-color: green; } }
.x15 { border-color: red; }
@media (min-width: 15px) { .x15 { border-color: green; } }
.x20 { border-color: red; }
@media (min-width: 20px) { .x20 { border-color: green; } }
.x25 { border-color: red; }
@media (min-width: 25px) { .x25 { border-color: green; } }
.x30 { border-color: red; }
@media (min-width: 30px) { .x30 { border-color: green; } }
.x35 { border-color: red; }
@media (min-width: 35px) { .x35 { border-color: green; } }
.x40 { border-color: red; }
@media (min-width: 40px) { .x40 { border-color: green; } }
.x45 { border-color: red; }
@media (min-width: 45px) { .x45 { border-color: green; } }
.x50 { border-color: red; }
@media (min-width: 50px) { .x50 { border-color: green; } }
.x55 { border-color: red; }
@media (min-width: 55px) { .x55 { border-color: green; } }
.x60 { border-color: red; }
@media (min-width: 60px) { .x60 { border-color: green; } }
.x65 { border-color: red; }
@media (min-width: 65px) { .x65 { border-color: green; } }
.x70 { border-color: red; }
@media (min-width: 70px) { .x70 { border-color: green; } }
.x75 { border-color: red; }
@media (min-width: 75px) { .x75 { border-color: green; } }
.x80 { border-color: red; }
@media (min-width: 80px) { .x80 { border-color: green; } }
.x85 { border-color: red; }
@media (min-width: 85px) { .x85 { border-color: green; } }
.x90 { border-color: red; }
@media (min-width: 90px) { .x90 { border-color: green; } }
.x95 { border-color: red; }
@media (min-width: 95px) { .x95 { border-color: green; } }
.x100 { border-color: red; }
@media (min-width: 100px) { .x100 { border-color: green; } }
.x105 { border-color: red; }
@media (min-width: 105px) { .x105 { border-color: green; } }
.x110 { border-color: red; }
@media (min-width: 110px) { .x110 { border-color: green; } }
.x115 { border-color: red; }
@media (min-width: 115px) { .x115 { border-color: green; } }
.x120 { border-color: red; }
@media (min-width: 120px) { .x120 { border-color: green; } }
.x125 { border-color: red; }
@media (min-width: 125px) { .x125 { border-color: green; } }
.x130 { border-color: red; }
@media (min-width: 130px) { .x130 { border-color: green; } }
.x135 { border-color: red; }
@media (min-width: 135px) { .x135 { border-color: green; } }
.x140 { border-color: red; }
@media (min-width: 140px) { .x140 { border-color: green; } }
.x145 { border-color: red; }
@media (min-width: 145px) { .x145 { border-color: green; } }
.x150 { border-color: red; }
@media (min-width: 150px) { .x150 { border-color: green; } }
.x155 { border-color: red; }
@media (min-width: 155px) { .x155 { border-color: green; } }
.x160 { border-color: red; }
@media (min-width: 160px) { .x160 { border-color: green; } }
.x165 { border-color: red; }
@media (min-width: 165px) { .x165 { border-color: green; } }
.x170 { border-color: red; }
@media (min-width: 170px) { .x170 { border-color: green; } }
.x175 { border-color: red; }
@media (min-width: 175px) { .x175 { border-color: green; } }
.x180 { border-color: red; }
@media (min-width: 180px) { .x180 { border-color: green; } }
.x185 { border-color: red; }
@media (min-width: 185px) { .x185 { border-color: green; } }
.x190 { border-color: red; }
@media (min-width: 190px) { .x190 { border-color: green; } }
.x195 { border-color: red; }
@media (min-width: 195px) { .x195 { border-color: green; } }
.x200 { border-color: red; }
@media (min-width: 200px) { .x200 { border-color: green; } }
.x205 { border-color: red; }
@media (min-width: 205px) { .x205 { border-color: green; } }
.x210 { border-color: red; }
@media (min-width: 210px) { .x210 { border-color: green; } }
.x215 { border-color: red; }
@media (min-width: 215px) { .x215 { border-color: green; } }
.x220 { border-color: red; }
@media (min-width: 220px) { .x220 { border-color: green; } }
.x225 { border-color: red; }
@media (min-width: 225px) { .x225 { border-color: green; } }
.x230 { border-color: red; }
@media (min-width: 230px) { .x230 { border-color: green; } }
.x235 { border-color: red; }
@media (min-width: 235px) { .x235 { border-color: green; } }
.x240 { border-color: red; }
@media (min-width: 240px) { .x240 { border-color: green; } }
.x245 { border-color: red; }
@media (min-width: 245px) { .x245 { border-color: green; } }
.x250 { border-color: red; }
@media (min-width: 250px) { .x250 { border-color: green; } }
.x255 { border-color: red; }
@media (min-width: 255px) { .x255 { border-color: green; } }
.x260 { border-color: red; }
@media (min-width: 260px) { .x260 { border-color: green; } }
.x265 { border-color: red; }
@media (min-width: 265px) { .x265 { border-color: green; } }
.x270 { border-color: red; }
@media (min-width: 270px) { .x270 { border-color: green; } }
.x275 { border-color: red; }
@media (min-width: 275px) { .x275 { border-color: green; } }
.x280 { border-color: red; }
@media (min-width: 280px) { .x280 { border-color: green; } }
.x285 { border-color: red; }
@media (min-width: 285px) { .x285 { border-color: green; } }
.x290 { border-color: red; }
@media (min-width: 290px) { .x290 { border-color: green; } }
.x295 { border-color: red; }
@media (min-width: 295px) { .x295 { border-color: green; } }
.x300 { border-color: red; }
@media (min-width: 300px) { .x300 { border-color: green; } }
.x305 { border-color: red; }
@media (min-width: 305px) { .x305 { border-color: green; } }
.x310 { border-color: red; }
@media (min-width: 310px) { .x310 { border-color: green; } }
.x315 { border-color: red; }
@media (min-width: 315px) { .x315 { border-color: green; } }
.x320 { border-color: red; }
@media (min-width: 320px) { .x320 { border-color: green; } }
.x325 { border-color: red; }
@media (min-width: 325px) { .x325 { border-color: green; } }
.x330 { border-color: red; }
@media (min-width: 330px) { .x330 { border-color: green; } }
.x335 { border-color: red; }
@media (min-width: 335px) { .x335 { border-color: green; } }
.x340 { border-color: red; }
@media (min-width: 340px) { .x340 { border-color: green; } }
.x345 { border-color: red; }
@media (min-width: 345px) { .x345 { border-color: green; } }
.x350 { border-color: red; }
@media (min-width: 350px) { .x350 { border-color: green; } }
.x355 { border-color: red; }
@media (min-width: 355px) { .x355 { border-color: green; } }
.x360 { border-color: red; }
@media (min-width: 360px) { .x360 { border-color: green; } }
.x365 { border-color: red; }
@media (min-width: 365px) { .x365 { border-color: green; } }
.x370 { border-color: red; }
@media (min-width: 370px) { .x370 { border-color: green; } }
.x375 { border-color: red; }
@media (min-width: 375px) { .x375 { border-color: green; } }
.x380 { border-color: red; }
@media (min-width: 380px) { .x380 { border-color: green; } }
.x385 { border-color: red; }
@media (min-width: 385px) { .x385 { border-color: green; } }
.x390 { border-color: red; }
@media (min-width: 390px) { .x390 { border-color: green; } }
.x395 { border-color: red; }
@media (min-width: 395px) { .x395 { border-color: green; } }
.x400 { border-color: red; }
@media (min-width: 400px) { .x400 { border-color: green; } }
.x405 { border-color: red; }
@media (min-width: 405px) { .x405 { border-color: green; } }
.x410 { border-color: red; }
@media (min-width: 410px) { .x410 { border-color: green; } }
.x415 { border-color: red; }
@media (min-width: 415px) { .x415 { border-color: green; } }
.x420 { border-color: red; }
@media (min-width: 420px) { .x420 { border-color: green; } }
.x425 { border-color: red; }
@media (min-width: 425px) { .x425 { border-color: green; } }
.x430 { border-color: red; }
@media (min-width: 430px) { .x430 { border-color: green; } }
.x435 { border-color: red; }
@media (min-width: 435px) { .x435 { border-color: green; } }
.x440 { border-color: red; }
@media (min-width: 440px) { .x440 { border-color: green; } }
.x445 { border-color: red; }
@media (min-width: 445px) { .x445 { border-color: green; } }
.x450 { border-color: red; }
@media (min-width: 450px) { .x450 { border-color: green; } }
.x455 { border-color: red; }
@media (min-width: 455px) { .x455 { border-color: green; } }
.x460 { border-color: red; }
@media (min-width: 460px) { .x460 { border-color: green; } }
.x465 { border-color: red; }
@media (min-width: 465px) { .x465 { border-color: green; } }
.x470 { border-color: red; }
@media (min-width: 470px) { .x470 { border-color: green; } }
.x475 { border-color: red; }
@media (min-width: 475px) { .x475 { border-color: green; } }
.x480 { border-color: red; }
@media (min-width: 480px) { .x480 { border-color: green; } }
.x485 { border-color: red; }
@media (min-width: 485px) { .x485 { border-color: green; } }
.x490 { border-color: red; }
@media (min-width: 490px) { .x490 { border-color: green; } }
.x495 { border-color: red; }
@media (min-width: 495px) { .x495 { border-color: green; } }
.x500 { border-color: red; }
@media (min-width: 500px) { .x500 { border-color: green; } }
.x505 { border-color: red; }
@media (min-width: 505px) { .x505 { border-color: green; } }
.x510 { border-color: red; }
@media (min-width: 510px) { .x510 { border-color: green; } }
.x515 { border-color: red; }
@media (min-width: 515px) { .x515 { border-color: green; } }
.x520 { border-color: red; }
@media (min-width: 520px) { .x520 { border-color: green; } }
.x525 { border-color: red; }
@media (min-width: 525px) { .x525 { border-color: green; } }
.x530 { border-color: red; }
@media (min-width: 530px) { .x530 { border-color: green; } }
.x535 { border-color: red; }
@media (min-width: 535px) { .x535 { border-color: green; } }
.x540 { border-color: red; }
@media (min-width: 540px) { .x540 { border-color: green; } }
.x545 { border-color: red; }
@media (min-width: 545px) { .x545 { border-color: green; } }
.x550 { border-color: red; }
@media (min-width: 550px) { .x550 { border-color: green; } }
.x555 { border-color: red; }
@media (min-width: 555px) { .x555 { border-color: green; } }
.x560 { border-color: red; }
@media (min-width: 560px) { .x560 { border-color: green; } }
.x565 { border-color: red; }
@media (min-width: 565px) { .x565 { border-color: green; } }
.x570 { border-color: red; }
@media (min-width: 570px) { .x570 { border-color: green; } }
.x575 { border-color: red; }
@media (min-width: 575px) { .x575 { border-color: green; } }
.x580 { border-color: red; }
@media (min-width: 580px) { .x580 { border-color: green; } }
.x585 { border-color: red; }
@media (min-width: 585px) { .x585 { border-color: green; } }
.x590 { border-color: red; }
@media (min-width: 590px) { .x590 { border-color: green; } }
.x595 { border-color: red; }
@media (min-width: 595px) { .x595 { border-color: green; } }
.x600 { border-color: red; }
@media (min-width: 600px) { .x600 { border-color: green; } }
.x605 { border-color: red; }
@media (min-width: 605px) { .x605 { border-color: green; } }
.x610 { border-color: red; }
@media (min-width: 610px) { .x610 { border-color: green; } }
.x615 { border-color: red; }
@media (min-width: 615px) { .x615 { border-color: green; } }
.x620 { border-color: red; }
@media (min-width: 620px) { .x620 { border-color: green; } }
.x625 { border-color: red; }
@media (min-width: 625px) { .x625 { border-color: green; } }
.x630 { border-color: red; }
@media (min-width: 630px) { .x630 { border-color: green; } }
.x635 { border-color: red; }
@media (min-width: 635px) { .x635 { border-color: green; } }
.x640 { border-color: red; }
@media (min-width: 640px) { .x640 { border-color: green; } }
.x645 { border-color: red; }
@media (min-width: 645px) { .x645 { border-color: green; } }
.x650 { border-color: red; }
@media (min-width: 650px) { .x650 { border-color: green; } }
.x655 { border-color: red; }
@media (min-width: 655px) { .x655 { border-color: green; } }
.x660 { border-color: red; }
@media (min-width: 660px) { .x660 { border-color: green; } }
.x665 { border-color: red; }
@media (min-width: 665px) { .x665 { border-color: green; } }
.x670 { border-color: red; }
@media (min-width: 670px) { .x670 { border-color: green; } }
.x675 { border-color: red; }
@media (min-width: 675px) { .x675 { border-color: green; } }
.x680 { border-color: red; }
@media (min-width: 680px) { .x680 { border-color: green; } }
.x685 { border-color: red; }
@media (min-width: 685px) { .x685 { border-color: green; } }
.x690 { border-color: red; }
@media (min-width: 690px) { .x690 { border-color: green; } }
.x695 { border-color: red; }
@media (min-width: 695px) { .x695 { border-color: green; } }
.x700 { border-color: red; }
@media (min-width: 700px) { .x700 { border-color: green; } }
.x705 { border-color: red; }
@media (min-width: 705px) { .x705 { border-color: green; } }
.x710 { border-color: red; }
@media (min-width: 710px) { .x710 { border-color: green; } }
.x715 { border-color: red; }
@media (min-width: 715px) { .x715 { border-color: green; } }
.x720 { border-color: red; }
@media (min-width: 720px) { .x720 { border-color: green; } }
.x725 { border-color: red; }
@media (min-width: 725px) { .x725 { border-color: green; } }
.x730 { border-color: red; }
@media (min-width: 730px) { .x730 { border-color: green; } }
.x735 { border-color: red; }
@media (min-width: 735px) { .x735 { border-color: green; } }
.x740 { border-color: red; }
@media (min-width: 740px) { .x740 { border-color: green; } }
.x745 { border-color: red; }
@media (min-width: 745px) { .x745 { border-color: green; } }
.x750 { border-color: red; }
@media (min-width: 750px) { .x750 { border-color: green; } }
.x755 { border-color: red; }
@media (min-width: 755px) { .x755 { border-color: green; } }
.x760 { border-color: red; }
@media (min-width: 760px) { .x760 { border-color: green; } }
.x765 { border-color: red; }
@media (min-width: 765px) { .x765 { border-color: green; } }
.x770 { border-color: red; }
@media (min-width: 770px) { .x770 { border-color: green; } }
/********************************/
.i0-1 { border-color: red; }
@media (min-width: 0.1in) { .i0-1 { border-color: green; } }
.i0-2 { border-color: red; }
@media (min-width: 0.2in) { .i0-2 { border-color: green; } }
.i0-3 { border-color: red; }
@media (min-width: 0.3in) { .i0-3 { border-color: green; } }
.i0-4 { border-color: red; }
@media (min-width: 0.4in) { .i0-4 { border-color: green; } }
.i0-5 { border-color: red; }
@media (min-width: 0.5in) { .i0-5 { border-color: green; } }
.i0-6 { border-color: red; }
@media (min-width: 0.6in) { .i0-6 { border-color: green; } }
.i0-7 { border-color: red; }
@media (min-width: 0.7in) { .i0-7 { border-color: green; } }
.i0-8 { border-color: red; }
@media (min-width: 0.8in) { .i0-8 { border-color: green; } }
.i0-9 { border-color: red; }
@media (min-width: 0.9in) { .i0-9 { border-color: green; } }
.i1-0 { border-color: red; }
@media (min-width: 1.0in) { .i1-0 { border-color: green; } }
.i1-1 { border-color: red; }
@media (min-width: 1.1in) { .i1-1 { border-color: green; } }
.i1-2 { border-color: red; }
@media (min-width: 1.2in) { .i1-2 { border-color: green; } }
.i1-3 { border-color: red; }
@media (min-width: 1.3in) { .i1-3 { border-color: green; } }
.i1-4 { border-color: red; }
@media (min-width: 1.4in) { .i1-4 { border-color: green; } }
.i1-5 { border-color: red; }
@media (min-width: 1.5in) { .i1-5 { border-color: green; } }
.i1-6 { border-color: red; }
@media (min-width: 1.6in) { .i1-6 { border-color: green; } }
.i1-7 { border-color: red; }
@media (min-width: 1.7in) { .i1-7 { border-color: green; } }
.i1-8 { border-color: red; }
@media (min-width: 1.8in) { .i1-8 { border-color: green; } }
.i1-9 { border-color: red; }
@media (min-width: 1.9in) { .i1-9 { border-color: green; } }
.i2-0 { border-color: red; }
@media (min-width: 2.0in) { .i2-0 { border-color: green; } }
.i2-1 { border-color: red; }
@media (min-width: 2.1in) { .i2-1 { border-color: green; } }
.i2-2 { border-color: red; }
@media (min-width: 2.2in) { .i2-2 { border-color: green; } }
.i2-3 { border-color: red; }
@media (min-width: 2.3in) { .i2-3 { border-color: green; } }
.i2-4 { border-color: red; }
@media (min-width: 2.4in) { .i2-4 { border-color: green; } }
.i2-5 { border-color: red; }
@media (min-width: 2.5in) { .i2-5 { border-color: green; } }
.i2-6 { border-color: red; }
@media (min-width: 2.6in) { .i2-6 { border-color: green; } }
.i2-7 { border-color: red; }
@media (min-width: 2.7in) { .i2-7 { border-color: green; } }
.i2-8 { border-color: red; }
@media (min-width: 2.8in) { .i2-8 { border-color: green; } }
.i2-9 { border-color: red; }
@media (min-width: 2.9in) { .i2-9 { border-color: green; } }
.i3-0 { border-color: red; }
@media (min-width: 3.0in) { .i3-0 { border-color: green; } }
.i3-1 { border-color: red; }
@media (min-width: 3.1in) { .i3-1 { border-color: green; } }
.i3-2 { border-color: red; }
@media (min-width: 3.2in) { .i3-2 { border-color: green; } }
.i3-3 { border-color: red; }
@media (min-width: 3.3in) { .i3-3 { border-color: green; } }
.i3-4 { border-color: red; }
@media (min-width: 3.4in) { .i3-4 { border-color: green; } }
.i3-5 { border-color: red; }
@media (min-width: 3.5in) { .i3-5 { border-color: green; } }
.i3-6 { border-color: red; }
@media (min-width: 3.6in) { .i3-6 { border-color: green; } }
.i3-7 { border-color: red; }
@media (min-width: 3.7in) { .i3-7 { border-color: green; } }
.i3-8 { border-color: red; }
@media (min-width: 3.8in) { .i3-8 { border-color: green; } }
.i3-9 { border-color: red; }
@media (min-width: 3.9in) { .i3-9 { border-color: green; } }
.i4-0 { border-color: red; }
@media (min-width: 4.0in) { .i4-0 { border-color: green; } }
.i4-1 { border-color: red; }
@media (min-width: 4.1in) { .i4-1 { border-color: green; } }
.i4-2 { border-color: red; }
@media (min-width: 4.2in) { .i4-2 { border-color: green; } }
.i4-3 { border-color: red; }
@media (min-width: 4.3in) { .i4-3 { border-color: green; } }
.i4-4 { border-color: red; }
@media (min-width: 4.4in) { .i4-4 { border-color: green; } }
.i4-5 { border-color: red; }
@media (min-width: 4.5in) { .i4-5 { border-color: green; } }
.i4-6 { border-color: red; }
@media (min-width: 4.6in) { .i4-6 { border-color: green; } }
.i4-7 { border-color: red; }
@media (min-width: 4.7in) { .i4-7 { border-color: green; } }
.i4-8 { border-color: red; }
@media (min-width: 4.8in) { .i4-8 { border-color: green; } }
.i4-9 { border-color: red; }
@media (min-width: 4.9in) { .i4-9 { border-color: green; } }
.i5-0 { border-color: red; }
@media (min-width: 5.0in) { .i5-0 { border-color: green; } }
.i5-1 { border-color: red; }
@media (min-width: 5.1in) { .i5-1 { border-color: green; } }
.i5-2 { border-color: red; }
@media (min-width: 5.2in) { .i5-2 { border-color: green; } }
.i5-3 { border-color: red; }
@media (min-width: 5.3in) { .i5-3 { border-color: green; } }
.i5-4 { border-color: red; }
@media (min-width: 5.4in) { .i5-4 { border-color: green; } }
.i5-5 { border-color: red; }
@media (min-width: 5.5in) { .i5-5 { border-color: green; } }
.i5-6 { border-color: red; }
@media (min-width: 5.6in) { .i5-6 { border-color: green; } }
.i5-7 { border-color: red; }
@media (min-width: 5.7in) { .i5-7 { border-color: green; } }
.i5-8 { border-color: red; }
@media (min-width: 5.8in) { .i5-8 { border-color: green; } }
.i5-9 { border-color: red; }
@media (min-width: 5.9in) { .i5-9 { border-color: green; } }
.i6-0 { border-color: red; }
@media (min-width: 6.0in) { .i6-0 { border-color: green; } }
.i6-1 { border-color: red; }
@media (min-width: 6.1in) { .i6-1 { border-color: green; } }
.i6-2 { border-color: red; }
@media (min-width: 6.2in) { .i6-2 { border-color: green; } }
.i6-3 { border-color: red; }
@media (min-width: 6.3in) { .i6-3 { border-color: green; } }
.i6-4 { border-color: red; }
@media (min-width: 6.4in) { .i6-4 { border-color: green; } }
.i6-5 { border-color: red; }
@media (min-width: 6.5in) { .i6-5 { border-color: green; } }
.i6-6 { border-color: red; }
@media (min-width: 6.6in) { .i6-6 { border-color: green; } }
.i6-7 { border-color: red; }
@media (min-width: 6.7in) { .i6-7 { border-color: green; } }
.i6-8 { border-color: red; }
@media (min-width: 6.8in) { .i6-8 { border-color: green; } }
.i6-9 { border-color: red; }
@media (min-width: 6.9in) { .i6-9 { border-color: green; } }
.i7-0 { border-color: red; }
@media (min-width: 7.0in) { .i7-0 { border-color: green; } }
.i7-1 { border-color: red; }
@media (min-width: 7.1in) { .i7-1 { border-color: green; } }
.i7-2 { border-color: red; }
@media (min-width: 7.2in) { .i7-2 { border-color: green; } }
.i7-3 { border-color: red; }
@media (min-width: 7.3in) { .i7-3 { border-color: green; } }
.i7-4 { border-color: red; }
@media (min-width: 7.4in) { .i7-4 { border-color: green; } }
.i7-5 { border-color: red; }
@media (min-width: 7.5in) { .i7-5 { border-color: green; } }
.i7-6 { border-color: red; }
@media (min-width: 7.6in) { .i7-6 { border-color: green; } }
.i7-7 { border-color: red; }
@media (min-width: 7.7in) { .i7-7 { border-color: green; } }
.i7-8 { border-color: red; }
@media (min-width: 7.8in) { .i7-8 { border-color: green; } }
.i7-9 { border-color: red; }
@media (min-width: 7.9in) { .i7-9 { border-color: green; } }
.i8-0 { border-color: red; }
@media (min-width: 8.0in) { .i8-0 { border-color: green; } }
.i8-1 { border-color: red; }
@media (min-width: 8.1in) { .i8-1 { border-color: green; } }
.i8-2 { border-color: red; }
@media (min-width: 8.2in) { .i8-2 { border-color: green; } }
.i8-3 { border-color: red; }
@media (min-width: 8.3in) { .i8-3 { border-color: green; } }
.i8-4 { border-color: red; }
@media (min-width: 8.4in) { .i8-4 { border-color: green; } }
.i8-5 { border-color: red; }
@media (min-width: 8.5in) { .i8-5 { border-color: green; } }
</style>
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div>
<span class="x x5">5px</span>
<span class="x x10">10px</span>
<span class="x x15">15px</span>
<span class="x x20">20px</span>
<span class="x x25">25px</span>
<span class="x x30">30px</span>
<span class="x x35">35px</span>
<span class="x x40">40px</span>
<span class="x x45">45px</span>
<span class="x x50">50px</span>
<span class="x x55">55px</span>
<span class="x x60">60px</span>
<span class="x x65">65px</span>
<span class="x x70">70px</span>
<span class="x x75">75px</span>
<span class="x x80">80px</span>
<span class="x x85">85px</span>
<span class="x x90">90px</span>
<span class="x x95">95px</span>
<span class="x x100">100px</span>
<span class="x x105">105px</span>
<span class="x x110">110px</span>
<span class="x x115">115px</span>
<span class="x x120">120px</span>
<span class="x x125">125px</span>
<span class="x x130">130px</span>
<span class="x x135">135px</span>
<span class="x x140">140px</span>
<span class="x x145">145px</span>
<span class="x x150">150px</span>
<span class="x x155">155px</span>
<span class="x x160">160px</span>
<span class="x x165">165px</span>
<span class="x x170">170px</span>
<span class="x x175">175px</span>
<span class="x x180">180px</span>
<span class="x x185">185px</span>
<span class="x x190">190px</span>
<span class="x x195">195px</span>
<span class="x x200">200px</span>
<span class="x x205">205px</span>
<span class="x x210">210px</span>
<span class="x x215">215px</span>
<span class="x x220">220px</span>
<span class="x x225">225px</span>
<span class="x x230">230px</span>
<span class="x x235">235px</span>
<span class="x x240">240px</span>
<span class="x x245">245px</span>
<span class="x x250">250px</span>
<span class="x x255">255px</span>
<span class="x x260">260px</span>
<span class="x x265">265px</span>
<span class="x x270">270px</span>
<span class="x x275">275px</span>
<span class="x x280">280px</span>
<span class="x x285">285px</span>
<span class="x x290">290px</span>
<span class="x x295">295px</span>
<span class="x x300">300px</span>
<span class="x x305">305px</span>
<span class="x x310">310px</span>
<span class="x x315">315px</span>
<span class="x x320">320px</span>
<span class="x x325">325px</span>
<span class="x x330">330px</span>
<span class="x x335">335px</span>
<span class="x x340">340px</span>
<span class="x x345">345px</span>
<span class="x x350">350px</span>
<span class="x x355">355px</span>
<span class="x x360">360px</span>
<span class="x x365">365px</span>
<span class="x x370">370px</span>
<span class="x x375">375px</span>
<span class="x x380">380px</span>
<span class="x x385">385px</span>
<span class="x x390">390px</span>
<span class="x x395">395px</span>
<span class="x x400">400px</span>
<span class="x x405">405px</span>
<span class="x x410">410px</span>
<span class="x x415">415px</span>
<span class="x x420">420px</span>
<span class="x x425">425px</span>
<span class="x x430">430px</span>
<span class="x x435">435px</span>
<span class="x x440">440px</span>
<span class="x x445">445px</span>
<span class="x x450">450px</span>
<span class="x x455">455px</span>
<span class="x x460">460px</span>
<span class="x x465">465px</span>
<span class="x x470">470px</span>
<span class="x x475">475px</span>
<span class="x x480">480px</span>
<span class="x x485">485px</span>
<span class="x x490">490px</span>
<span class="x x495">495px</span>
<span class="x x500">500px</span>
<span class="x x505">505px</span>
<span class="x x510">510px</span>
<span class="x x515">515px</span>
<span class="x x520">520px</span>
<span class="x x525">525px</span>
<span class="x x530">530px</span>
<span class="x x535">535px</span>
<span class="x x540">540px</span>
<span class="x x545">545px</span>
<span class="x x550">550px</span>
<span class="x x555">555px</span>
<span class="x x560">560px</span>
<span class="x x565">565px</span>
<span class="x x570">570px</span>
<span class="x x575">575px</span>
<span class="x x580">580px</span>
<span class="x x585">585px</span>
<span class="x x590">590px</span>
<span class="x x595">595px</span>
<span class="x x600">600px</span>
<span class="x x605">605px</span>
<span class="x x610">610px</span>
<span class="x x615">615px</span>
<span class="x x620">620px</span>
<span class="x x625">625px</span>
<span class="x x630">630px</span>
<span class="x x635">635px</span>
<span class="x x640">640px</span>
<span class="x x645">645px</span>
<span class="x x650">650px</span>
<span class="x x655">655px</span>
<span class="x x660">660px</span>
<span class="x x665">665px</span>
<span class="x x670">670px</span>
<span class="x x675">675px</span>
<span class="x x680">680px</span>
<span class="x x685">685px</span>
<span class="x x690">690px</span>
<span class="x x695">695px</span>
<span class="x x700">700px</span>
<span class="x x705">705px</span>
<span class="x x710">710px</span>
<span class="x x715">715px</span>
<span class="x x720">720px</span>
<span class="x x725">725px</span>
<span class="x x730">730px</span>
<span class="x x735">735px</span>
<span class="x x740">740px</span>
<span class="x x745">745px</span>
<span class="x x750">750px</span>
<span class="x x755">755px</span>
<span class="x x760">760px</span>
<span class="x x765">765px</span>
<span class="x x770">770px</span>
<!--XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-->
<span class="x i0-1">0.1in</span>
<span class="x i0-2">0.2in</span>
<span class="x i0-3">0.3in</span>
<span class="x i0-4">0.4in</span>
<span class="x i0-5">0.5in</span>
<span class="x i0-6">0.6in</span>
<span class="x i0-7">0.7in</span>
<span class="x i0-8">0.8in</span>
<span class="x i0-9">0.9in</span>
<span class="x i1-0">1.0in</span>
<span class="x i1-1">1.1in</span>
<span class="x i1-2">1.2in</span>
<span class="x i1-3">1.3in</span>
<span class="x i1-4">1.4in</span>
<span class="x i1-5">1.5in</span>
<span class="x i1-6">1.6in</span>
<span class="x i1-7">1.7in</span>
<span class="x i1-8">1.8in</span>
<span class="x i1-9">1.9in</span>
<span class="x i2-0">2.0in</span>
<span class="x i2-1">2.1in</span>
<span class="x i2-2">2.2in</span>
<span class="x i2-3">2.3in</span>
<span class="x i2-4">2.4in</span>
<span class="x i2-5">2.5in</span>
<span class="x i2-6">2.6in</span>
<span class="x i2-7">2.7in</span>
<span class="x i2-8">2.8in</span>
<span class="x i2-9">2.9in</span>
<span class="x i3-0">3.0in</span>
<span class="x i3-1">3.1in</span>
<span class="x i3-2">3.2in</span>
<span class="x i3-3">3.3in</span>
<span class="x i3-4">3.4in</span>
<span class="x i3-5">3.5in</span>
<span class="x i3-6">3.6in</span>
<span class="x i3-7">3.7in</span>
<span class="x i3-8">3.8in</span>
<span class="x i3-9">3.9in</span>
<span class="x i4-0">4.0in</span>
<span class="x i4-1">4.1in</span>
<span class="x i4-2">4.2in</span>
<span class="x i4-3">4.3in</span>
<span class="x i4-4">4.4in</span>
<span class="x i4-5">4.5in</span>
<span class="x i4-6">4.6in</span>
<span class="x i4-7">4.7in</span>
<span class="x i4-8">4.8in</span>
<span class="x i4-9">4.9in</span>
<span class="x i5-0">5.0in</span>
<span class="x i5-1">5.1in</span>
<span class="x i5-2">5.2in</span>
<span class="x i5-3">5.3in</span>
<span class="x i5-4">5.4in</span>
<span class="x i5-5">5.5in</span>
<span class="x i5-6">5.6in</span>
<span class="x i5-7">5.7in</span>
<span class="x i5-8">5.8in</span>
<span class="x i5-9">5.9in</span>
<span class="x i6-0">6.0in</span>
<span class="x i6-1">6.1in</span>
<span class="x i6-2">6.2in</span>
<span class="x i6-3">6.3in</span>
<span class="x i6-4">6.4in</span>
<span class="x i6-5">6.5in</span>
<span class="x i6-6">6.6in</span>
<span class="x i6-7">6.7in</span>
<span class="x i6-8">6.8in</span>
<span class="x i6-9">6.9in</span>
<span class="x i7-0">7.0in</span>
<span class="x i7-1">7.1in</span>
<span class="x i7-2">7.2in</span>
<span class="x i7-3">7.3in</span>
<span class="x i7-4">7.4in</span>
<span class="x i7-5">7.5in</span>
<span class="x i7-6">7.6in</span>
<span class="x i7-7">7.7in</span>
<span class="x i7-8">7.8in</span>
<span class="x i7-9">7.9in</span>
<span class="x i8-0">8.0in</span>
<span class="x i8-1">8.1in</span>
<span class="x i8-2">8.2in</span>
<span class="x i8-3">8.3in</span>
<span class="x i8-4">8.4in</span>
<span class="x i8-5">8.5in</span>
</div>
<br><br>
<div class="container-fluid">
</div><!-- /.container -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment