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 w ww. j ava2 s.c om-->
<body style='margin:20px;'>
<dl>
<dt>HTML</dt>
<dd>Web page mark up language.</dd>
</dl>
</body>
</html>
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><!--from w w w. j ava 2 s . com-->
<body style='margin:20px;'>
<dl class="dl-horizontal">
<dt>HTML</dt>
<dd>Web page mark up language.</dd>
</dl>
</body>
</html>