Bootstrap Getting Started demo--making path navigation bar

Today in the group chat, see a programmer sent a bootstrap to do the interface, feel pretty, and then go to the official website to see the next component, found all pretty, and then saw the path navigation bar, just to do this thing, Then the source of the bootstrap to look at.

I. Introduction to source Files

after downloading the source code, we must be thinking of the source of the demo first run to see, but, looking at so many English things are still very confused, so, from the overall familiarity with what is still very necessary.

two, how to introduce the problem

now a lot of UI framework is based on jquery, so, before use, if necessary, must first introduce jquery file, then the framework of JS files, CSS files, etc., before using Easyui, compared to the use of Easyui, Bootstrap is quite simple, Just a simple introduction of three files is fine.

Three,Path Navigation Bar Example

because just to use the path navigation bar this one control, so, in order to get rid of bootstrap environment, I need to take the path navigation bar this control CSS and JS files out, we in the overall CSS and JS folder:

Find the figure of two files, and then bake out the use of the Style section, because this path navigation bar only used the CSS file, so we just pull out the use of this CSS file, take it out alone, put in our system's CSS component library OK.

look at the results:

Four, summary

Recent learning framework, found in order to quickly get started, the basic steps are to look at the demo, and then understand what the general content, the final attempt to change the demo, the framework with good, feel the development is quite simple, save a lot of time spent on the interface.

Bootstrap Getting Started demo--making path navigation bar