1. Install v3 via npm, as shown in Figure 1
npm install bootstrap@3
2. Install Grunt to compile the CSS and JavaScript files. Because npm is slow, I ultimately chose cnpm, as shown in Figure 2
(1) Install grunt-cli in the global environment: npm install -g grunt-cli
(2) Navigate to the /bootstrap/ root directory, then run the cnpm install command. npm will read the package.json file and automatically install all the dependent extension packages listed in it.
3. Run the grunt dist command to compile only the CSS and JavaScript files, as shown in Figure 3
4. Install Bootlint, which is the officially supported HTML linter for Bootstrap, as shown in Figure 4
cnpm install -g bootlint
5. Run the check from the command line, as shown in Figure 5
bootlint index.html
6. Run Bootlint in the browser. For reference, see: https://github.com/twbs/bootlint , as shown in Figure 6
(1) Create a new bookmark in your browser
(2) Set the name: Run Bootlint
(3) Set the URL:
javascript:(function(){var s=document.createElement(“script”);s.onload=function(){bootlint.showLintReportForCurrentDocument([]);};s.src=”https://maxcdn.bootstrapcdn.com/bootlint/latest/bootlint.min.js”;document.body.appendChild(s)})();
7. On a Bootstrap-based page, open the Run Bootlint bookmark. A popup will appear notifying you whether any issues were detected. If there are issues, open the developer tools and select the Console tab, as shown in Figure 7
