Shulou(Shulou.com)06/02 Report--

This article will explain in detail what are the differences between miniui and bootstrap. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

Differences: 1, MiniUI is a jquery-based framework, while bootstrap is based on HTML, CSS, JavaScript front-end framework; 2, MiniUI can shorten development time, reduce the amount of code, improve user experience, while bootstrap is used to quickly create a responsive website.

Operating environment of this tutorial: Windows7 system, bootsrap3.3.7&&jQuery MiniUI3.9.7 version, DELL G3 computer

Introduction to MiniUI

A jquery-based framework, the development of interface functions are very rich. It can shorten the development time, reduce the amount of code, make developers more focused on business and services, easily achieve interface development, and bring an excellent user experience.

With MiniUI, developers can quickly create typical WEB application system interfaces such as Ajax without refresh, fast data entry with BBG S, CRUD, Master-Detail, menu toolbars, pop-up panels, layout navigation, data validation, paged tables, trees, tree forms, and so on.

Features:

Powerful table control

To achieve locking columns, multiple headers, paging sorting, row filtering, data summary, cell editing, detailed row information, Excel export and other functions.

● tree control

Realize lazy loading, CheckBox selection, node drawing, folding and expansion, node editing, adding, deleting, modifying, and moving nodes.

● form controls

Contains: pop-up selection box, text input box, number input box, date selection box, drop-down selection box, drop-down tree selection box, drop-down table selection box, file upload control, multi-selection box, list box, multi-selection box group, single selection box group, button and so on.

Developers can manipulate form controls in batches, such as form loading, submission, validation, etc.

● layout control

Including: title panel, pop-up panel, folding splitter, scheduler, form scheduler, etc.

● navigation control

Contains: paging navigator, navigation menus, tabs, menus, toolbars, etc.

● data validation

The input box component can listen to handle validation events and customize validation rules.

When validation fails, the width is automatically reduced and a prompt icon is displayed.

● formatted display

The component supports formatting (format) and flexibly controls the same data and different presentation formats.

The table control can format the contents of the display cell.

● appearance customization

Developers can customize their own style by modifying the CSS style and changing the appearance of the components.

Localization of ● language

Support component string localization definition, achieve multi-language switching.

● cross-browser

Support all major browsers such as IE (1.6 +), FireFox, Chrome, Opera, Safari, etc.

● cross development platform

Supports multi-server platforms, such as Java, .NET, PHP, ASP, ColdFusion, Ruby on Rails, etc.

Introduction to Bootstrap

Bootstrap is Twitter's open source front-end framework based on HTML, CSS and JavaScript. It is a set of front-end toolkits designed for the rapid development of Web applications. It supports responsive layouts and insists on mobile devices first after V3.

Bootstrap provides elegant HTML and CSS specifications, which are written by the dynamic CSS language Less. Bootstrap has been popular since its launch and has been a hot open source project on GitHub, including NASA's MSNBC (Microsoft National Broadcasting Corporation) Breaking News. Some frameworks that domestic mobile developers are familiar with, such as the WeX5 front-end open source framework, are also based on Bootstrap source code for performance optimization.

Characteristics of Bootstrap

Bootstrap is very popular because of its very practical features and features. The main core functions are as follows:

(1)。 Cross-device, cross-browser

Can be compatible with all modern browsers, including the more criticized IE7, 8. Of course, browsers below IE9 are no longer considered in this course.

(2)。 Responsive layout

It can not only support the display of various resolutions on the PC side, but also support the responsive switching display of mobile PAD, mobile phones and other screens.

(3)。 Provides a comprehensive set of components

Bootstrap provides practical components, including navigation, labels, toolbars, buttons and other components, which are convenient for developers to call.

(4)。 Built-in jQuery plug-in

Bootstrap provides many practical jquery plug-ins that make it easy for developers to implement a variety of general special effects in Web.

(5)。 Support for HTML5 and CSS3

HTML5 semantic tags and CSS3 attributes are well supported.

(6)。 Support for LESS dynamic styles

LESS uses mixed coding of variables, nesting, and operations to write faster and more flexible CSS. It works well with Bootstrap.

This is the end of the article on "what are the differences between miniui and bootstrap". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.