|
|
| Строка 1: |
Строка 1: |
| <iframe srcdoc="<html><body>The content you see here will never be affected by the CSS of its parent container. It supposed to be rendered in black on a white background.</body></html>"></iframe>
| | <div id="jsTest"> |
| | |
| <div class="card" style="width: 18rem;">
| |
| <img src="..." class="card-img-top" alt="...">
| |
| <div class="card-body">
| |
| <h5 class="card-title">Card title</h5>
| |
| <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
| |
| <a href="#" class="btn btn-primary">Go somewhere</a>
| |
| </div>
| |
| </div>
| |
| | |
| | |
| <div class="needBootstrap"></div>
| |
| | |
| <?php echo "Привет PHP" ?>
| |
| | |
| <iframe src="test"></iframe>
| |
| | |
| <p id="test1">Тест 1</p>
| |
| | |
| <p id="test2">Тест 2</p>
| |
| | |
| <p id="test3">Тест 3</p>
| |
| | |
| <img scr="https://thumb.cloud.mail.ru/weblink/thumb/xw1/LLmd/Qui7Xbp6g"></img>
| |
| | |
| <div id="jsTest" onclick="kerisarTest()"> | |
| 123123 | | 123123 |
| </div> | | </div> |
|
| |
|
| |
|
| <div id="serversStatus"> | | <div id="serversStatus"> |
| Строка 175: |
Строка 148: |
| </div> | | </div> |
|
| |
|
| </div>
| |
|
| |
| <div class="customCSS" style="display:none">#test1 { color: red; } #test2 { color: blue; } #test3 { color: green; } #test1:hover {display:block; width: 100px; height: 100px; background: yellow}</div>
| |
|
| |
| <div class="customCSS" style="display:none">#test2:hover {display:block; width: 100px; height: 100px; background: white}</div>
| |
|
| |
|
| |
| <div class="fullHTMLFrameSource">
| |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
| |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
| |
|
| |
| <!DOCTYPE html>
| |
| <html lang="ru">
| |
| <head>
| |
| <meta charset="UTF-8">
| |
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| <title>Bootstrap Conditional Loading</title>
| |
| </head>
| |
| <body>
| |
|
| |
| <div class="mb-3">
| |
| <label for="formFile" class="form-label">Default file input example</label>
| |
| <input class="form-control" type="file" id="formFile">
| |
| </div>
| |
| <div class="mb-3">
| |
| <label for="formFileMultiple" class="form-label">Multiple files input example</label>
| |
| <input class="form-control" type="file" id="formFileMultiple" multiple>
| |
| </div>
| |
| <div class="mb-3">
| |
| <label for="formFileDisabled" class="form-label">Disabled file input example</label>
| |
| <input class="form-control" type="file" id="formFileDisabled" disabled>
| |
| </div>
| |
| <div class="mb-3">
| |
| <label for="formFileSm" class="form-label">Small file input example</label>
| |
| <input class="form-control form-control-sm" id="formFileSm" type="file">
| |
| </div>
| |
| <div>
| |
| <label for="formFileLg" class="form-label">Large file input example</label>
| |
| <input class="form-control form-control-lg" id="formFileLg" type="file">
| |
| </div>
| |
|
| |
|
| |
| </body>
| |
| </html>
| |
| </div> | | </div> |