We will now look at the components that aid in code reusability, thereby adhering to the Don't Repeat Yourself (DRY) principle, meaning that these modules can be included in the code. This results in saving time and effort, thereby allowing you to focus on the more imperative things in your projects.
The following code snippet will be used in almost all the code examples:
<!DOCTYPE html>
<html>
<head>
<title>Page Header Segmentation</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<style type="text/css">
#packtpub{
padding...