bootstrap sidebar menu responsive

Metronic is a set of exquisite responsive background management templates based on powerfulTwitter BootstrapFramework implementation. Metronic has a simple and elegant Metro UI style interface, which can be selected in 6 colors and 76 template pages, including charts, tables, maps, Message Centers, monitoring panels, and other components required for background management projects.Articles you may be interested in 10 popular

Metronic is a set of exquisite responsive background management templates based on powerfulTwitter BootstrapFramework implementation. Metronic has a simple and elegant Metro UI style interface, which can be selected in 6 colors and 76 template pages, including charts, tables, maps, Message Centers, monitoring panels, and other components required for background management projects. What you may be interested in Article 10 popular

Text Search (in a given project) 18.base64 Transferring Pictures19. Photo Watermark (Image watermark, text watermark)20. Generate or parse two-dimensional code 21.HTML5 + Java EE WebSocket Communication technology,WebSocket Authentication User login, force a user offline 22. Batch asynchronous upload pictures, can preview, there is a progress bar, support drag-and-drop upload (Baidu Webuploader). List dynamic slide zoom display. 23.ehcache Custom Level Two cache, choose cache to store directory

Metronic-based Bootstrap development framework Experience Summary (1)-framework overview and menu module processing, metronicbootstrap I have been writing a lot of things recently. I have stopped my blog for a long time. I will sort out my ideas and summarize my experiences with the Metronic-based Bootstrap development framework, at the same time, I also recorded

(options) {// var rand = Math. random (). toString (); // var id = rand. substring (rand. indexOf ('. ') + 1); var url = window. location. protocol + '//' + window. location. host; options. url = url + options. url; id = "tab _" + options. id; $ (". active "). removeClass ("active"); // if the TAB does not exist, create a new TAB if (! $ ("#" + Id) [0]) {// fixed the IFRAME height mainHeight In the TAB = $ (document. body ). height ()-90; // create a new TAB title = ' So when will the Addtabs m

page is really closely related to the left menu, first or look at the tab effect of the JS reference. HTML tags for pages: Bootstrap-tab.js This file encapsulates the Addtabs method. var addtabs = function (options) {//var rand = Math.random (). toString (); var id = rand.substring (rand.indexof ('. ') + 1); var url = window.location.protocol + '//' + window.location.host; Options.u

conjunction with the grid system, and why not try to use Nav-tabs to achieve vertical navigation? Look at the effect and you'll see why you're not using it. Adaptive navigation Adaptive navigation is the same as the previous adaptive button, but a class name has been replaced,. nav-justified. Of course, he needs to be with. Nav-tabs or Nav-pills. In conjunction with the use. It is responsive and, when the width is sufficient, gives multiple naviga

Recently a management project in the background, using the bootstrap front-end development toolkit launched by Twitter, is a CSS3/HTML5-based framework.Spent the weekend writing a very simple background menu. In the spirit of open source, now share it out (oh, the front-end of the veteran do not look!) ）。First, look at the structure of the menu:Preview Address: http://www.huosen.net/demo/

">I>@mCList [j]. ModuleNamea>Li> Level Two menu -i++; } } } ul> Li> } } ul>Here's the point.$.widget.bridge (' UIButton ', $.ui.button); var_url = $.geturlparam ("CID"); $(". Sidebar-

Css/* left menu */.sidebar-menu{border-right:1pxsolid #c4c8cb;} /* Level menu */.menu-first{height:45px;line-height:45px; background-color: #e9e9e9; border-top:1pxsolid# efefef;border-bottom:1pxsolid #e1e1e1; padding :0;font-size:14px;font-weight:normal; text-align:center;}