Home
Tutorials
Microsoft Technologies Tutorials
Java Programming Tutorials
Web Designing Tutorials
Script Programming Tutorials
Database Programming Tutorials
Mobile Technologies Tutorials
Other Programming Tutorials
Examples
Articles
Tools
News
Bootstrap Description Lists Example
Keywords : lists, bootstrap, bootstrap lists, bootstrap inline lists, bootstrap description lists, bootstrap unordered lists, bootstrap list inline, bootstrap list items, bootstrap 3, bootstrap 4, list examples
Example
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Description Lists Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <style> .bcontent { margin-top: 10px; } </style> </head> <body> <div class="container bcontent"> <dl class="row"> <dt class="col-sm-3">Tutorials</dt> <dd class="col-sm-9">List of Tutorials.</dd> <dt class="col-sm-3">Articles</dt> <dd class="col-sm-9">List of Articles.</dd> <dt class="col-sm-3">Tools</dt> <dd class="col-sm-9">Online tools to execute the code online.</dd> <dt class="col-sm-3 text-truncate">Server Side Coding Info</dt> <dd class="col-sm-9">Server side coding will help to communicate with UI and databases.</dd> </dl> </div> </body> </html>
Click Here to See Result
Result
Previous
Next