Bootstrap test
How do I make an bootstrap test?
What is a bootstrap test? How do you make a bootstrap test? This script and codes were developed by Altynai on 14 October 2022, Friday.
Bootstrap test - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Bootstrap test</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container"> <h2>Image Gallery</h2> <p>The .thumbnail class can be used to display an image gallery.</p> <p>The .caption class adds proper padding and a dark grey color to text inside thumbnails.</p> <p>Click on the images to enlarge them.</p> <div class="row"> <div class="col-md-4"> <div class="thumbnail"> <a href="/w3images/lights.jpg" target="_blank"> <img src="http://www.travelvivi.com/wp-content/uploads/2012/05/Pulpit-Rock1.jpg" alt="Pulpit Rock" style="width:100%"> <div class="caption"> <p>Lorem ipsum donec id elit non mi porta gravida at eget metus.</p> </div> </a> </div> </div> <div class="col-md-4"> <div class="thumbnail"> <a href="/w3images/nature.jpg" target="_blank"> <img src="http://www.france-voyage.com/visuals/tourisme/moustiers-sainte-marie-1444-4_w600.jpg" alt="Moustiers Sainte Marie" style="width:100%"> <div class="caption"> <p>Lorem ipsum donec id elit non mi porta gravida at eget metus.</p> </div> </a> </div> </div> <div class="col-md-4"> <div class="thumbnail"> <a href="/w3images/fjords.jpg" target="_blank"> <img src="https://lonelyplanetimages.imgix.net/mastheads/GettyImages-535829617_super.jpg?sharp=10&vib=20&w=1200" alt="Cinque Terre" style="width:100%"> <div class="caption"> <p>Lorem ipsum donec id elit non mi porta gravida at eget metus.</p> </div> </a> </div> </div> </div>
</div>
</body>
</html>
Bootstrap test - Script Codes CSS Codes
.thumbnail {
}
Developer | Altynai |
Username | Altynai |
Uploaded | October 14, 2022 |
Rating | 3 |
Size | 1,949 Kb |
Views | 24,288 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Function JS | 1,342 Kb |
Layout4 | 1,712 Kb |
Layout 16 Inline-block | 1,990 Kb |
Assignment Layout 6 | 1,548 Kb |
Make css html | 1,465 Kb |
Slider practice | 1,711 Kb |
Layout 11 | 1,690 Kb |
JAvaScript test | 1,651 Kb |
Layout 19 | 2,135 Kb |
Layout 16 Position Absolute | 1,743 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Flex layout example | Mofny | 1,663 Kb |
Very Simple Slider | Doodlemarks | 2,682 Kb |
A Pen by Jim Savage | Madebyjam | 2,418 Kb |
Mandelbrot Fractal | _Billy_Brown | 2,706 Kb |
Impress JS Algorhytmic Generator | Jeffscottward | 7,906 Kb |
Fun form with currentColor | Bnthor | 2,713 Kb |
Project -Show the Local Weather | Luciano_Britis | 2,583 Kb |
Collapsing Widget | Er40 | 4,279 Kb |
Canvas Fireworks | Jackrugile | 6,200 Kb |
Count checked checkboxes with jQuery | Mestika | 2,343 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!