Bootstrap 3.3: A Guide Book for Beginners to Learn Web Framework Fast! (Web Design 1) by Lyn. Kevin
Author:Lyn., Kevin [Lyn., Kevin]
Language: eng
Format: mobi
Published: 2015-04-24T04:00:00+00:00
Horizontal Definition Lists with Bootstrap
You might need to create a list of terms accompanied by their description. This is much easy with bootstrap. The bootstrap’s class .dl-horizontal is used for this purpose and it does automatic adjustment if the content doesn’t fit well. Write the following code and run it:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Horizontal Definition Lists with Bootstrap</title>
<link rel="stylesheet" href=" bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href=" bootstrap/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src=" bootstrap/js/bootstrap.min.js"></script>
<style type="text/css">
.ls-example{
margin: 20px;
}
</style>
</head>
<body>
<div class="ls-example">
<h2>Horizontal Definition Lists</h2>
<dl class="dl-horizontal">
<dt>Bootstrap</dt>
<dd>A combination of both HTML and CSS to create responsive web pages</dd>
<dt>CSS</dt>
<dd>CSS is a language used to define how web pages will appear. It is a very powerful tool with which can add colors and other styles to the web page.</dd>
<dt>PHP</dt>
<dd>A powerful language that can be used to add functionality to an HTML layout.</dd>
</dl>
</div>
</body>
</html>
Download
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
Hello! Python by Anthony Briggs(9931)
The Mikado Method by Ola Ellnestam Daniel Brolund(9799)
Dependency Injection in .NET by Mark Seemann(9356)
Sass and Compass in Action by Wynn Netherland Nathan Weizenbaum Chris Eppstein Brandon Mathis(7799)
The Well-Grounded Java Developer by Benjamin J. Evans Martijn Verburg(7575)
Svelte with Test-Driven Development by Daniel Irvine(7345)
Test-Driven Development with PHP 8 by Rainier Sarabia(7087)
Layered Design for Ruby on Rails Applications by Dementyev Vladimir;(6937)
Secrets of the JavaScript Ninja by John Resig & Bear Bibeault(6544)
Secrets of the JavaScript Ninja by John Resig Bear Bibeault(6432)
Web Development with Django by Ben Shaw Saurabh Badhwar(6401)
React Application Architecture for Production by Alan Alickovic(6125)
Jquery UI in Action : Master the concepts Of Jquery UI: A Step By Step Approach by ANMOL GOYAL(5822)
Kotlin in Action by Dmitry Jemerov(5080)
Audition by Ryu Murakami(4601)
Software Architecture for Web Developers by Mihaela Roxana Ghidersa(4548)
Accelerating Server-Side Development with Fastify by Manuel Spigolon Maksim Sinik & Matteo Collina(4398)
Hands-On Full-Stack Web Development with GraphQL and React by Sebastian Grebe(4329)
Solidity Programming Essentials by Ritesh Modi(4103)
