Horizontal description

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.

Example


<!DOCTYPE HTML>
<html> 
<head> 
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!--  ww  w  .ja  v a 2 s .  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 »
    Tutorial »




Bootstrap
Basic HTML Style
List
Table