1. Install V3 through npm, as shown in Figure 1
npm install bootstrap@3
2. Install Grunt to compile css and javascript files. Due to the slow installation speed of npm, finally choose cnpm, as shown in Figure 2
(1) Install grunt-cli in the global environment:npm install -g grunt-cli
(2) Enter the /bootstrap/ root directory, and then execute cnpm install command. npm will read the package.json file and automatically install all the dependencies listed in this file.
3. Execute Grunt dist command, compile only css and javascript files, as shown in Figure 3
4. Install Bootlint, which is the HTML detection tool officially supported by Bootstrap, as shown in Figure 4
cnpm install -g bootlint
5. Execute the detection on the command line, as shown in Figure 5
Bootlint index.html
6. Run Bootlint in the browser, refer to the website: https://github.com/twbs/bootlint , as shown in Figure 6
(1) Create a new bookmark in the 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/la test/bootlint.min.js”;document.body.appendChild(s)})();
7. On a Bootstrap-based page, open the Run Bootlint bookmark, and a pop-up window will appear to notify you whether the problem is detected. If there is a problem, please open the developer tool and select the console tab, as shown in Figure 7
Leave a Reply