Style definition list using Bootstrap

Style definition list

A list of terms with their associated descriptions.


<!DOCTYPE HTML>
<html> 
<head> 
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!--from ww w  .j a v a 2 s.c  o m-->
<body style='margin:20px;'>

<dl>
  <dt>HTML</dt>
  <dd>Web page mark up language.</dd>
</dl>
        
</body>
</html>

Click to view the demo

Horizontal description

Make terms and descriptions in <dl> line up side-by-side. Starts off stacked like default <dl>s, but when the navbar expands, so do these.


<!DOCTYPE HTML>
<html> 
<head> 
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!--  ww  w  . ja v  a2s. c o m-->
<body style='margin:20px;'>

<dl class="dl-horizontal">
  <dt>HTML</dt>
  <dd>Web page mark up language.</dd>
</dl>
        
</body>
</html>

Click to view the demo





















Home »
  Bootstrap »
    Bootstrap Tutorial »




Introduction
Basic HTML Style
List
Table
Form
Layout
Navigation Bar
Button
Control