网页设计

Bootstrap资源引导终极指南

ratchet
随着WEB的迅速发展,越来越多的前端框架被前端设计师和网页设计甚至程序员所热议。前端框架通常功能强大,自适应移动端,反应灵敏。定义好的CSS和JS让网页前端设计第一次有了颠覆的思考方式。很多程序员终于可以更换上那个无法直视的界面。在众多的框架中,Bootstrap应该算是最流行的框架了。出自Twitter的蓝图,被众多人喜爱!开源之后被众多网站使用,也被众多的前端人员程序员和设计师所使用和推广。现在已经是WEB中最流行的框架了。对于有前端经验的开发者来说,入门非常容易。对于了解HTML和CSS的前端设计师来说上手也很快。今天,我们搜集了一些Bootstrap的资源引导。甚至可以说是非常全面的资源引导。这些引导设计到相关的方方面面。希望能给你未来的项目和路带来创意和灵感。

Fuel UX is a set of additional JavaScript controls for your web apps. You can deploy only the controls you want to use from more than a dozen available.

fuelux

 

Jasny Bootstrap is a set of components including a vertical nav component and alerts.

jasny

 

Bootstrap-Modal adds stackable, responsive AJAX modal windows to your Bootstrap site. It supports full-width modals and long modals, among other formats.

modal

 

Bootbox.js is a small library that lets you create programmatic dialog boxes easily.

bootbox

 

Bootstrap Image Gallery is an extension to blueimp Gallery, which is a touch-enabled, responsive image gallery using Bootstrap’s modal dialog.

blueimp

 

Bootstrap Lightbox is a simple lightbox plugin based on the Bootstrap modal plugin. It includes options for the backdrop, how the lightbox should be closed, and more.

lightbox

 

Bootstrap Form Helpers is a collection of jQuery plugins for building better forms. You can use most of them independently, or together to suit your needs.

formhelpers

 

Notifications is a Bootstrap extension that lets you easily add custom notifications to your website or app. There are options for position, type, transitions, and more.

notifications

 

Bootstrap-growl is a jQuery plugin that transforms regular Bootstrap alerts into Growl-like notifications. There are alerts for info, error, and success styles, and it supports multiple consecutive notifications.

bootstrapgrowl

 

Bootstrap-select adds a custom select for Bootstrap using a button dropdown.

select

 

Boostrap Maxlength provides a visual feedback indicator for the maxlength attribute on a field input.

maxlength

 

Boostrap Markdown makes it easy to add Markdown support for your forms, seamlessly turning them into a Markdown editor.

markdown

 

Bootstrap Switch 3 makes it easy to transform your checkboxes and radio buttons into toggle switches.

switch

 

jQuery File Upload adds a jQuery file upload widget with support for drag & drop, multiple file selection, and more.

upload

 

jqBootstrapValidation is a jQuery validation plugin for Bootstrap forms that’s easy to use and makes it simple to provide clear instruction when validation errors occur.

validation

 

Bootstrap-wysihtml5 is a simple and beautiful HTML5 WYSIWYG editor that comes as a JavaScript plugin.

wysihtml5

 

Bootstrap Multiselect is a jQuery plugin for UI’s that use select inputs with multiple attributes, displaying them as a dropdown with checkboxes.

multiselect

 

BIC Calendar is a jQuery simple calendar for marking events.

bic

 

bootstrap-datetimepicker is a simple date and time picker component for Bootstrap.

datetimepicker

 

Clockface is a timepicker for Bootstrap with options for things like format and trigger.

clockface

 

Bootstrap Timepicker makes it easy to select a time for a text input with either your mouse or arrow keys.

timepicker

 

Color Palette for Bootstrap is a simple color picker that offers basic, Gmail-style, and custom color palettes.

colorpalette

 

Pick-a-Color is a jQuery color picker for Bootstrap that allows for flexible text entry, saved colors, and more.

pickacolor

 

Bootstro.js makes it easy to add a guided tour to your website.

bootstro

 

Social Buttons for Twitter Bootstrap 2 gives you social buttons that are vector, zoomable, retina-ready, and customizable.

socialbuttons

 

Flippant.js is a JavaScript and CSS library for flipping things, that’s easy to customize, with no dependencies.

flippant

 

Tab drop for Bootstrap rearranges your tabs into dropdown menus when they won’t all fit within the allotted space.

tabdrop

 

Tocify is a jQuery table of contents plugin that can be themed with Bootstrap.

tocify

 

Bootpag is a jQuery plugin for dynamic pagination that works with Bootstrap or on its own.

bootpag

 

Typeahead.js is a JavaScript library from Twitter for building typeaheads.

typeahead

 

X-editable lets you create editable elements on your page within Bootstrap.

xeditable

 

Bootstrap Tree View is a simple solution for displaying hierarchical tree structures.

treeview

 

Tokenfield for Bootstrap is an advanced tokenizing plugin that focuses on keyboard and copy-paste support.

tokenfield

 

Bootstrap Star Rating is a jQuery star rating plugin that supports features like fractional fills and RTL input support.

starrating

 

Yamm Megamenu is Yet Another Megamenu for Bootstrap that uses the standard navbar markup and the fluid grid system classes.

yamm

 

Summernote is a simple WYSIWYG editor for Bootstrap.

summernote

 

Knockout-Bootstrap is a set of knockout binding handlers for accessing Bootstrap JavaScript widgets.

knockout

 

Gridmanager.js lets you create and edit grid layouts in frameworks like Bootstrap.

gridmanager

 

Slider for Bootstrap is a Bootstrap slider component for forms.

slider

 

WATable is a jQuery plugin that lets you filter, format, paginate, and sort your data quickly and easily.

watable

 

Bootstrap Datagrid is a jQuery plugin for Bootstrap that’s fully customizable while remaining simple and powerful.

datagrid

 

PNotify is a JavaScript notifications extension for Bootstrap.

pnotify

 

Bootstrap Tour is a simple extension for creating site tours with (or without) Bootstrap.

tour

 

The Bootstrap Accessibility Plugin, from PayPal, makes a lot of Bootstrap components accessible for keyboard and screen reader users.

accessibility

 

Bootstrap Video Player is a customizable HTML5 video player jQuery plugin.

video

 

Ladda UI is a set of loading indicators mostly intended to be used with forms.

ladda

 

Bootstrap themes, templates, and UI kits

You can build your own themes and templates from scratch if you choose, or check out these free and premium assets to save time. Some are meant to be used as-is, while plenty of others are meant to be a jumping off point for your own custom designs.

Creative Market has more than 300 premium Bootstrap themes available.

creativemarket

BootstrapMade offers up themes in a variety of styles.

bootstrapmade

 

BootstrapBay is a marketplace for premium Bootstrap themes and templates where you can buy or sell.

bootstrapbay

 

GridGum is a premium theme marketplace with dozens of themes on offer.

gridgum

 

ThemeForest has hundreds of Bootstrap themes for sale, starting at just $4.

themeforest

 

WrapBootstrap offers themes for everything from ecommerce sites to landing pages.

wrapbootstrap

 

Cardeostrap is a huge UI kit for Bootstrap that includes CSS, components, and JavaScript.

cardeostrap

 

Flatstrap is a free and open-source Bootstrap theme framework without all the frills.

flatstrap

 

Bootmetro is a web framework that has the look and feel of Windows 8.

bootmetro

 

Fbootstrapp is a toolkit for creating Facebook iframe apps with Bootstrap.

fbootstrap

 

Bootplus is a Google styled front-end framework that’s sleek and intuitive.

bootplus

 

Get Template is a small collection of HTML5 and CSS3 templates in a variety of styles.

gettemplate

 

BootstrapTaste is a collection of free and premium Bootstrap themes.

bootstraptaste

 

Bootstrap Zero is the self-proclaimed largest open-source template collection for Bootstrap.

zero

 

BlackTie is a collection of free and premium themes built on various versions of Bootstrap. They include everything from dashboard themes to news aggregators to portfolio themes.

blacktie

 

Startup Framework is a simple but powerful Bootstrap framework from DesignModo.

startup

 

Bootswatch is a collection of free, easy-to-install, modular Bootstrap themes.

bootswatch

 

Start Bootstrap is a set of free Bootstrap themes and templates, including blog themes, portfolio themes, and more.

start

 

Joostrap is a collection of Joomla templates built with Bootstrap.

joostrap

 

Theme Armada is a set of handcrafted responsive themes that are built with Bootstrap, starting at just $8.

armada

 

PrepBootstrap is a huge source of free themes, templates, and widgets for everything from admin interfaces to contact forms.

prepbootstrap

 

RandThemes is a set of premium Bootstrap themes including both front- and back-end designs.

randthemes

 

Roots is a WordPress starter theme that’s built on Bootstrap.

roots

 

UI Bootstrap is a collection of Bootstrap components written in AngularJS.

uibootstrap

 

The Bootstrap is a clean and modern Bootstrap WordPress theme.

thebootstrap

 

BootstrapWP is a solid base for custom WordPress theme development based on Bootstrap.

bootstrapwp

 

StrapPress is a WordPress theme that’s mobile-first, responsive, and includes tons of Bootstrap elements.

strappress

 

Shoestrap is an advanced WordPress theme based on Bootstrap.

shoestrap

 

Expose Framework is a base theme that offers a fluid layout, HTML5 and CSS3, and responsive menus.

expose1

 

More Bootstrap resources

Beyond basic extensions and themes, there are plenty of other Bootstrap resources out there that make working with Bootstrap easier and more enjoyable.

The Bootstrap Style Guide Boilerplate helps you semi-automatically generate living style guides by linking a stylesheet and creating HTML files for each pattern or element.

boilerplate1

 

Bootstrap Magic is a Bootstrap theme editor that lets you build themes faster.

magic1

 

Academic is a fast blog CMS based on Bootstrap.

academic1

 

Wright is a Joomla 2.5 and 3.x framework built on Bootstrap.

wright1

 

AngularStrap is a set of AngularJS native directives for Bootstrap 3.

angularstrap1

 

PaintStrap lets you create Bootstrap themes using color palettes from Adobe Kuler or COLOURlovers.

paintstrap

 

Durandal is a framework for building single page apps that integrates with Bootstrap.

durandal

 

Lavish makes it easy to create your own Bootstrap color scheme from an image.

lavish

 

LayoutIt! is a drag and drop interface builder for creating your front-end code.

layoutit

 

Pingendo is a visual desktop app for prototyping responsive designs based on Bootstrap.

pingendo

 

Bootsnip is an element gallery for Bootstrap resources.

bootsnip

 

Bootply is a playground for building, testing, and prototyping with the Bootstrap framework.

bootply

 

Dojo for Bootstrap combines Bootstrap components with custom Dojo modules for everything from modal windows to carousels to buttons.

dojo

 

Bootsnipp Form Builder is a form builder that uses drag and drop components.

formbuilder

 

Bootsnip Button Builder is an easy to use button builder that lets you customize the output, button text, color, size, and icon.

buttonbuilder

 

Ratchet is a tool for building mobile apps with HTML, CSS, and JavaScript components.

ratchet

 

Bootbundle is a set of themes, snippets, and components for Bootstrap.

bootbundle

 

BootSwatchr is a visual theme creator for building Bootstrap themes from scratch.

bootswatchr

 

React Bootstrap is a Bootstrap-build of the popular front-end framework.

react

 

Brix.io is an interface builder for Bootstrap. It’s cloud-based, easy to use, and offers real-time collaboration.

brix

 

Some great Bootstrap projects

There are tons of sites out there already running on Bootstrap. The ones below show just how much diversity is possible with Bootstrap.

Lexigrams

lexigrams

 

BabySitMyDog.com

babysitmydog

 

EasyGenerator

easygenerator

 

MobStyle

mobstyle

 

The African Equity Fund

aef

 

WebXtrap

xtrap

 

Paul V

paulv

 

High Rollers Fun Casino

highrollers

 

Vansh

vansh

 

Noel Hanna

noelhanna

 

Prusik

prusik

 

HIP Advertising

hip

 

Laundry Day

laundryday

 

Filter Surfboard Manufacturing Academy

filter

 

Streamline

streamline

 

Kitchen

kitchen

 

DSTLD

dstld

 

Nas Ferias

nasferias

 

Vertty

vertty

 

Montere

montere

 

Drury Buildings

drury

 

Plaza Classic Film Festival

plaza

 

1Bite2Go

1bite2go

 

Riot Design

riot

 

Codiqa

codiqa

 

Sean Halpin

sean

 

Simplebots

simplebots

 

Magently

magently

 

Crafting Type

crafting

 

Surreal CMS

surreal

 

Nod

nod

 

Markt

markt

 

Startup Turkey

turkey

 

Felix Morelo

felix

 

The Happy Startup School

happy

 

Kontest

kontest

 

Dutch National Opera & Ballet

dutch

 

Dagobert Renouf

dagobert

 

The Rolling Stones

rollingstones

 

本文由 Jackchen Design 1984 作者:jackchen 发表,转载请注明来源!

关键词:, ,

热评文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注