Bootstrap Perfect
How do I make an bootstrap perfect?
What is a bootstrap perfect? How do you make a bootstrap perfect? This script and codes were developed by Anton Staroverov on 18 November 2022, Friday.
Bootstrap Perfect - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Bootstrap Perfect</title> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta http-equiv="x-ua-compatible" content="ie=edge"/> <link rel='stylesheet prefetch' href='https://cdn.rawgit.com/tonystar/bootstrap-perfect/6ff3da1/bootstrap-perfect.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
</head>
<body> <main class="d-flex flex-row justify-content-center mt-5"> <nav class="nav flex-column" style="width: 16rem"> <a class="nav-link px-3 py-4 active bg-faded" href="#"> <i class="fa fa-fw fa-2x fa-cog float-left mr-3"></i> E-mail server </a> <a class="nav-link px-3 py-4" href="#"> <i class="fa fa-fw fa-2x fa-envelope-o float-left mr-3"></i> Notifications </a> </nav> <form class="p-4 bg-faded" style="width: 32rem"> <legend class="h4">E-mail server</legend> <div class="btn-group btn-group-justified mb-4"> <button class="btn btn-outline-primary" type="button">Custom service</button> <button class="btn btn-outline-primary" type="button">Gmail</button> <button class="btn btn-outline-primary" type="button">Microsoft Outlook.com</button> <button class="btn btn-outline-primary" type="button">Yahoo! Mail</button> </div> <div class="row row-sm"> <div class="form-group col-md-8"> <label>SMTP server</label> <input class="form-control" type="text" value="smtp.anybiz.com"/> </div> <div class="form-group col-md-4"> <label>Port</label> <input class="form-control" type="text" value="465"/> </div> </div> <div class="form-group"> <label>Encryption</label> <div> <label class="custom-control custom-radio"> <input class="custom-control-input" type="radio" name="radio"/> <span class="custom-control-indicator"></span> <span class="custom-control-description">SSL</span> </label> <label class="custom-control custom-radio"> <input class="custom-control-input" type="radio" name="radio"/> <span class="custom-control-indicator"></span> <span class="custom-control-description">TSL</span> </label> <label class="custom-control custom-radio"> <input class="custom-control-input" type="radio" name="radio"/> <span class="custom-control-indicator"></span> <span class="custom-control-description">None</span> </label> </div> </div> <div class="form-group"> <label class="custom-control custom-checkbox"> <input class="custom-control-input" type="checkbox"/> <span class="custom-control-indicator"></span> <span class="custom-control-description">SMTP server requires authentication</span> </label> </div> <div class="form-group"> <label class="custom-control custom-checkbox"> <input class="custom-control-input" type="checkbox"/> <span class="custom-control-indicator"></span> <span class="custom-control-description">Configure an incoming mail server (POP)</span> </label> </div> <div class="form-group"> <button class="btn btn-primary">Send test message</button> </div> <div class="alert alert-danger mb-0"> <h4 class="alert-heading h5">Unable to connect</h4> <p class="mb-0">There may be a problem with the E-mail server. Verify the settings or try again later.</p> </div> </form>
</main> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js'></script>
</body>
</html>
Developer | Anton Staroverov |
Username | tonystar |
Uploaded | November 18, 2022 |
Rating | 3 |
Size | 2,166 Kb |
Views | 18,216 |
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 |
Loader | 3,362 Kb |
Bootstrap Hover Tabs | 1,935 Kb |
Bootstrap 4 Float Label | 2,732 Kb |
Bootstrap 3 Float Label | 2,581 Kb |
Flag | 2,046 Kb |
Bootstrap 4 Floating Labels | 1,899 Kb |
Bootstrap Template | 2,163 Kb |
Pure-CSS Float Label. Finally. | 3,831 Kb |
Pure-CSS 3D Spinning Text | 1,574 Kb |
Col togglers | 9,268 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 |
E-mail Template | SoloMDFK | 4,871 Kb |
Kudos Please | TimPietrusky | 6,624 Kb |
Light Switch | Bartuc | 4,933 Kb |
Project Euler Problem 17 | Bfillmer | 2,739 Kb |
CSS Donut Charts | Seanstopnik | 2,908 Kb |
Rrremark.com Overlay Highlighter | Derickruiz | 4,438 Kb |
Pagepilling.js | Blossk | 6,554 Kb |
Simple star rating using js and data-uri | TheEnd | 5,795 Kb |
Siema - add pagination to prototype | Pawelgrzybek | 2,575 Kb |
Mobile Nav Menu | AliKlein | 4,745 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!