Bootstrap is an open source toolkit for front-end development launched by Twitter, which contains a rich set of Web Components that allow you to quickly build a beautiful, fully functional website. Recently through the bootstrap Chinese network to learn some of the usage, deeply by his simple usage, logic clear, elegant interface attracted. However, the tutorial can only be used to understand the basic usage, but there is still some distance to build some commercial-grade applications. Especially for us developers, what we may need more is to get more complete examples as a reference, to build our own templates. There are many online templates and themes based on a lot of bootstrap, but the common problem is: Free is very simple, relatively perfect charge, and the procedures are more troublesome, so want to further study or based on the perfect template two times development will encounter some trouble. After analysis and research, I found a more convenient way to get these boostrap themes and templates, I would like to share with you. Before we start, we need 360 secure browsers and a bootstrap template website, and I now find https://wrapbootstrap.com/. Below I use the combined text to explain the steps in detail. 2. After entering the preview screen, press F12 toolbar and the developer tool appears at the bottom of the browser. Click the Toolbar Resource button, you can see the site's folder frames and the desired picture, script and style, respectively, fonts,images,scripts,stylesheets four folders. 3. Since we can already see the site of this folder, of course, would like to take it the entire download. However, the browser does not allow us to do so, so we can only take a few roundabout ways. First, we create a new folder in the Computer folder, the new Css,fonts,img,js folder under the folder. 4. Back to the browser, we take different ways to download the files of the website. Fonts: Right-click the file, select Open link in new tab, the file is entered the download interface, download the local new Web folder under the Fonts folder Images: Right-click the file, select Open link in the new tab, The file has entered the View page, the page in the download the local new website folder under the IMG folder Scripts: Mouse Right-click the file, select Save As ..., the file entered the download interface, download the local new folder under the JS folder stylesheets: Basically consistent with scripts, download the file to the local new Web site folder to this point, the Web site has been basically completed, the following can beTo download the HTML file. 5.f12 Close the browser developer tools, click on the page blank Ctrl+s (save page as), choose to save only HTML, and according to the page name to go to the file name, save the local new site folder root directory. Follow this method to download all pages under the Web site. 6. In accordance with the above method basic can completely download the site template, but sometimes we open the Local Web site Folder page file, we will find some pictures are not loaded or some fonts are displayed incorrectly, this may be the folder path or the name of the site is incorrect. We need to sort the path of the folder through the page code. We go back to the browser interface, F12 Open the Developer tool, through the Elements view the page code, through, we can see, although our Web page file has been downloaded, but we initially created the Js,images,css,fonts folder is not corresponding to the page code, At this point we need to rearrange the folder path by following the code of the page. 7. After finishing, we can get bootstrap template for free, try it quickly!
How to get bootstrap templates for free
