Merge pull request #651 from Jimmy99/patch-42

Update 14.1.md
This commit is contained in:
astaxie
2016-04-07 09:51:59 +08:00

View File

@@ -1,6 +1,6 @@
# 14.1 Static files
We've already talked about how to deal with static files in previous sections. Now, let's look at how to set up and use static files inside of Beego. Then, through introducing Twitter's open source HTML and CSS framework Bootstrap, we'll be able quickly create beautiful looking websites without having to do much design work.o
We've already talked about how to deal with static files in previous sections. Now, let's look at how to set up and use static files inside of Beego. Then, through introducing Twitter's open source HTML and CSS framework Bootstrap, we'll be able quickly create beautiful looking websites without having to do too much design work.
## Beego static files and settings
@@ -26,16 +26,16 @@ Then, a request with a URL such as `http://www.beego.me/asset/bootstrap.css` wil
## Bootstrap integration
Bootstrap is a Twitter launched open source Toolkit for front-end development. For developers, Bootstrap is one of the best front end kits for rapid Web application development. It is a collection of HTML, CSS and javascript components, using the latest HTML5 standards. These include a responsive grid, forms, buttons, tables, and many other useful things.
Bootstrap is an open source Toolkit for front-end development launched by Twitter. For developers, Bootstrap is one of the best front end kits for rapid Web application development. It is a collection of HTML, CSS and javascript components, using the latest HTML5 standards. These include a responsive grid, forms, buttons, tables, and many other useful things.
- Components
Bootstrap contains a wealth of Web components. Using these components, you can quickly build a beautiful, fully functional website. Which includes the following components:
Bootstrap contains a wealth of Web components. Using these components, you can quickly build a beautiful, fully functional website which includes the following components:
Pull-down menus, button groups, button drop-down menus, navigation, navigation bars, bread crumbs, pagination, layout, thumbnails, warning dialogs, progress bars, and other media objects
- JavaScript plugins
Bootstrap comes with 13 jQuery plug-ins for Bootstrap components, which gives them "life". These include:
Modal dialogs, tabs, scroll bars, pop-up boxes and so on.
- Bootstrap framework customization
All Bootstrap css variables can be modified according to your needs
All Bootstrap css variables can be modified according to your needs.
![](images/14.1.bootstrap.png?raw=true)
@@ -70,7 +70,7 @@ With the above code, we are integrating Bootstrap into our Beego application. Th
Figure 14.3 website integrated with Bootstrap
These templates and formats are come shipped with Bootstrap so we won't repeat the complete code here, however you can take a look at the project's official page to learn how to write your own templates.
These templates and formats all come shipped with Bootstrap so we won't repeat the complete code here, however you can take a look at the project's official page to learn how to write your own templates.
## Links