With Bootstrap, you no longer have to worry about website front-end design-PHP development

It's a little time to see Bootstrap. For the front-end design of the website, Bootstrap seems to have been applied. It took a lot of time to design the rounded corner buttons. Now, you can simply add a css class style, what's more, you can visually deploy web pages online. with Bootstrap, you no longer have to worry about the front-end design of your website! Bootstrap (http://www.bootcss.com/) is the most popular HTML, CSS, and JS framework for developing responsive la S, mobile device-preferred WEB projects.

Preprocessing script

Although you can directly use the CSS style sheet provided by Bootstrap, do not forget that the source code of Bootstrap is developed based on the most popular CSS preprocessing script-Less and Sass. You can use pre-compiled CSS files for rapid development, or customize the style you need from the source code ..

One framework and multiple devices

With the help of Bootstrap, your website and application can quickly and effectively adapt to mobile phones, tablets, and PC devices using the same code. All these are the merits of Media Query.

Complete features

Bootstrap provides comprehensive and beautiful documentation. You can find all the detailed documents on HTML elements, HTML and CSS components, and jQuery plug-ins.

It's a little time to see Bootstrap. For the front-end design of the website, Bootstrap seems to have been applied. It took a lot of time to design the rounded corner buttons. Now, you can simply add a css class style, what's more, you can visually deploy web pages online. with Bootstrap, you no longer have to worry about the front-end design of your website!

Nice rounded corner button (figure)

Fresh Table Design

Rich material icons

Visualized online webpage Layout System

Recommendation of open-source Bootstrap Projects

Bootstrap coding Specification

Bootstrap coding specifications: Compile flexible, stable, and high-quality HTML and CSS code specifications.

Headroom. js hide or display page elements

Headroom. js is a lightweight and pure JavaScript component used to hide or display elements on a page, leaving more space for your page to display content.

Open CDN

Bootstrap Chinese network and upyun storage jointly launched the open CDN service. We provide stable storage and bandwidth support for a wide range of open-source front-end libraries, such as Bootstrap and jQuery.

StickUp makes the page element "fixed"

StickUp allows the target element of the page to be "fixed" at the top of the browser window. Even if the page is rolling, the target element can still appear in the Set position.

LESS dynamic style language

LESS provides CSS with dynamic language features, such as variables, inheritance, operations, and functions. LESS can be run on the client (IE 6 +, Webkit, and Firefox are supported), or Node. js or Rhino can be run on the server.

Grunt Project Build Tool

Grunt is a Node. js-based project build tool. It can automatically run the task you set. Grunt has a large number of plug-ins, and almost everything you need to do can be implemented with Grunt.

Buttons CSS button style Library

Buttons is a CSS button style library built based on Sass and Compass. The icon uses Font Awesome and can be used in combination with Bootstrap.

LayoutIt! Bootstrap visual layout

LayoutIt! A Bootstrap visual layout system that supports drag-and-drop sorting and online editing. Organized by 4 wer students in Chinese.

Unslider jQuery carousel plug-in

Unslider-an ultra-small jQuery carousel plug-in. Supports mainstream browsers, keyboard navigation, automatic height adjustment, and responsive layout.

Bootstrap Switch component

Bootstrap Switch is an extension of the Bootstrap Control. You can select only one button in the ON or OFF status based on the select box control in the selected HTML.

Sco. js Bootstrap component enhanced version

Most of the Bootstrap js plug-ins cannot be extended. Therefore, sco. js is available, which is an enhanced implementation of js plug-ins in bootrapl.

ICheck enhancement check box and single choice button

ICheck makes the checkboxes and radio buttons in different browsers more beautiful and more powerful.

Bootstrap-wysiwyg custom visual editor for Bootstrap

Bootstrap-wysiwyg is a jQuery Bootstrap plug-in (5KB, <200 lines of code) that can convert any DIV into a WYSIWYG Rich Text Editor.

Chart. js exquisite JS Chart Drawing tool Library

Chart. js is a simple, object-oriented tool library for drawing charts for designers and developers.

Preboot Bootstrap's past

Preboot is a set of mixin and variable variables written in LESS syntax. It aims to help users write better CSS. The predecessor of Bootstrap is Preboot.

JQuery plugin for fixed page elements of jQuery. Pin

JQuery. Pin can "Pin" any page element on the top of a container and automatically disable this effect on a small screen.

Responsive Nav Responsive navigation

Responsive Navigation (Nav) is a small JS plug-in, which is only 1.7KB after compression. It helps you create switchable navigation for small screens.

Bsie Bootstrap IE6 compatibility Solution

Bsie makes up for Bootstrap's incompatibility with IE6. Currently, bsie can support most of the bootstrap features on IE6. Unfortunately, there are some other features that cannot be supported...

Messenger's awesome Alert component

Messenger is a very cool bullet box (Alert) component that can be very well integrated with Bootstrap. Of course, the effect of using it alone is also very good. Messenger comes with four skin sets.

DateTime Picker Date and Time Selector

Bootstrap DateTime Picker is a Bootstrap component that simplifies the input of dates and times on the page.

JQuery UI Bootstrap beautify jQuery UI with Bootstrap

This tool allows you to make full use of the Bootstrap style when using the jQuery UI control, without the inconsistency of the style. Bootstrap and jQuery UI can be perfectly integrated!

Google Bootstrap Google-style Bootstrap

Google's UI has always been famous for its simplicity. Now Bootstrap also comes to Google Style. If you like Google, try this Google Bootstrap!

Flat UI Metro-style Bootstrap

Flat UI is a Metro transformation based on Bootstrap, provided by Designmodo. The Flat UI contains many Bootstrap components, but it looks more elegant. It is strongly recommended here!

Integration of Metro ui css Bootstrap and Metro

Metro ui css is a set of styles used to create websites similar to Windows 8 Metro UI. Now, the Metro ui css project is developed into an independent solution based on Bootstrap.

Font Awesome Bootstrap dedicated icon Font

All the icons contained in Font Awesome are vector and can be scaled at will, avoiding the trouble of multiple sizes of an icon. CSS can also apply the styles that can be set for fonts to these icons.

Simple Icons Icon sink

Simple Icons -- Icon sink. Collect the logos of many websites and provide high-quality png images of different sizes to the majority of users. All icons are copyrighted by the company.

Bootstrap Form Builder online Form Constructor

The Bootstrap online form constructor can quickly generate a complete Bootstrap-based form by dragging the mouse. This reduces the effort of coding HTML code written by coders and prevents errors.

HTML5 Boilerplate professional front-end templates

HTML5 Boilerplate is a professional front-end template for developing fast, robust, and adaptable apps or websites.

Web Safe Colors Web Security Color

This table lists the common security colors used in WEB design and development. This column is for your reference.

Bootstrap Docs Bootstrap documentation Full Set

The history of Bootstrap from V1.0.0 to the present is collected here. Bootstrap itself is a legend, and these documents are the witness of legends!

Git Guide Git Simple Guide

Git Simple Guide-a simple guide to help you get started with git, with deep content ,;).

Grumble. js Tooltip Control

A Tooltip control can be used to locate any 360 degrees around the elements.

Icons implemented by CIKONSS pure CSS

Cikonss is a response Icon implemented by pure CSS and is compatible with IE8 +.