Code

There are two different key ways to display code with Bootstrap. The first is the <code> tag and the second is the <pre> tag. Generally, if you are going to be displaying code inline, you should use the <code> tag. But if the code needs to be displayed as a standalone
block element or if it has multiple lines, then you should use the <pre> tag:

Example

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Tutorial</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<body>
	<p>Instead of always using divs, in HTML5, you can use new elements like
		<code><section></code>, <code><header></code>, and
		<code><footer></code>. The html should look something like this:
	</p>
	<pre>
		<article>
		<h1>Article Heading</h1>
		</article>
	</pre>
</body>
</html>

Output

Untitled

Share

You may also like...