Bootstrap provides you with many CSS components to build your design. In the Making custom buttons recipe, you can read about the button component. In this recipe, you will learn how to use and reuse the panel component.
The steps here are similar to the Getting ready section of the Making custom buttons recipe.
You need to perform the following steps:
Download and unzip the source files into your working directory from http://getbootstrap.com/getting-started/#download.
Open the
less/bootstrap.less
file and write the following lines of Less code at the end of this file:.panel-custom { .panel-variant(black; white; purple; white); }
Then, recompile Bootstrap's CSS by running the following command in your console:
grunt dist
Now, you can include the newly generated CSS code into an HTML file with the following line of code:
<link rel="stylesheet" type="text/css" href="bootstrap-master/dist/css/bootstrap.css">
The HTML file should also contain...