Bootstrap panel with footer
Bootstrap panels can have not only heading as described in Bootstrap simple panel, but footers too.
For example:
<!DOCTYPE html>
<html lang="en">
<head>
<title>CarRentSystem web application</title>
<meta charset="utf-8">
<link href="/css/bootstrap.css" rel="stylesheet" />
<link href="/css/bootstrap-theme.css" rel="stylesheet" />
</head>
<body>
<h1>Car Rent System web application</h1>
<div class="panel panel-default">
<div class="panel-body">
Rent a car for best price!!!
</div>
<div class="panel-footer">Don't forget insurance!</div>
</div>
</body>
Will display panel with footer:
Bootstrap panel with heading and footer
You can have panels with header and footer too. We modify our source and have a panel with heading and title and footer:
<!DOCTYPE html>
<html lang="en">
<head>
<title>CarRentSystem web application</title>
<meta charset="utf-8">
<link href="/css/bootstrap.css" rel="stylesheet" />
<link href="/css/bootstrap-theme.css" rel="stylesheet" />
</head>
<body>
<h1>Car Rent System web application</h1>
<div class="panel panel-default">
<div class="panel-heading">
<span class="panel-title">Announcement (Panel Heading With Title)</span>
</div>
<div class="panel-body">
Rent a car for best price!!!
</div>
<div class="panel-footer">Don't forget insurance!</div>
</div>
</body>
And it looks now like this:
Comments powered by CComment