## form组件

input: textarea: select:
时间控件:
日期控件:
可筛选下拉: 多选
联动下拉:
{{optr}}

## modal组件

学生注册信息：
{{stdRegInfo}}
科目：
{{clickedNode}}
源数据 统计:{{leftArray.length}}

##### {{item.name}}

small
目标数据 统计:{{rightArray.length}}

##### {{item.name}}

small
关键字
源考点
源数据

##### {{item.name}}

small
按钮
目标考点
目标数据 统计:{{rightArray.length}}

##### {{item.name}}

small

## tab页

<tab> Tasks Panel
just now Calendar updated 4 minutes ago Commented on a post 23 minutes ago Order 392 shipped 46 minutes ago Invoice 653 has been paid 1 hour ago A new user has been added 2 hours ago Completed task: "pick up dry cleaning" yesterday Saved the world two days ago Completed task: "fix error on sales page" two days ago Completed task: "fix error on sales page"
</tab> <tab> Transactions Panel

Order # | Order Date | Order Time | Amount (USD)
--- | --- | --- | ---
3326 | 10/21/2013 | 3:29 PM | $321.33
3325 | 10/21/2013 | 3:20 PM | $234.34
3324 | 10/21/2013 | 3:03 PM | $724.17
3323 | 10/21/2013 | 3:00 PM | $23.71
3322 | 10/21/2013 | 2:49 PM | $8345.23
3321 | 10/21/2013 | 2:23 PM | $245.12
3320 | 10/21/2013 | 2:15 PM | $5663.54
3319 | 10/21/2013 | 2:13 PM | $943.45

</tab>

## 布局

## card

card-header
card-body
Icons Font Awesome gives you scalable vector icons that can instantly be customized

#### Simple Line icons

.icon-user
.icon-people
.icon-user-female
.iconQ-user-follow
.icon-user-following
.icon-user-unfollow
.icon-login
.icon-logout
.icon-emotsmile
.icon-phone
.icon-call-end
.icon-call-in
.icon-call-out
.icon-map
.icon-location-pin
.icon-direction
.icon-directions
.icon-compass
.icon-layers
.icon-menu
.icon-list
.icon-options-vertical
.icon-options
.icon-arrow-down
.icon-arrow-left
.icon-arrow-right
.icon-arrow-up
.icon-arrow-up-circle
.icon-arrow-left-circle
.icon-arrow-right-circle
.icon-arrow-down-circle
.icon-check
.icon-clock
.icon-plus
.icon-close
.icon-trophy
.icon-screen-smartphone
.icon-screen-desktop
.icon-plane
.icon-notebook
.icon-mustache
.icon-mouse
.icon-magnet
.icon-energy
.icon-disc
.icon-cursor
.icon-cursor-move
.icon-crop
.icon-chemistry
.icon-speedometer
.icon-shield
.icon-screen-tablet
.icon-magic-wand
.icon-hourglass
.icon-graduation
.icon-ghost
.icon-game-controller
.icon-fire
.icon-eyeglass
.icon-envelope-open
.icon-envelope-letter
.icon-bell
.icon-badge
.icon-anchor
.icon-wallet
.icon-vector
.icon-speech
.icon-puzzle
.icon-printer
.icon-present
.icon-playlist
.icon-pin
.icon-picture
.icon-handbag
.icon-globe-alt
.icon-globe
.icon-folder-alt
.icon-folder
.icon-film
.icon-feed
.icon-drop
.icon-drawar
.icon-docs
.icon-doc
.icon-diamond
.icon-cup
.icon-calculator
.icon-bubbles
.icon-briefcase
.icon-book-open
.icon-basket-loaded
.icon-basket
.icon-bag
.icon-action-undo
.icon-action-redo
.icon-wrench
.icon-umbrella
.icon-trash
.icon-tag
.icon-support
.icon-frame
.icon-size-fullscreen
.icon-size-actual
.icon-shuffle
.icon-share-alt
.icon-share
.icon-rocket
.icon-question
.icon-pie-chart
.icon-pencil
.icon-note
.icon-loop
.icon-home
.icon-grid
.icon-graph
.icon-microphone
.icon-music-tone-alt
.icon-music-tone
.icon-earphones-alt
.icon-earphones
.icon-equalizer
.icon-like
.icon-dislike
.icon-control-start
.icon-control-rewind
.icon-control-play
.icon-control-pause
.icon-control-forward
.icon-control-end
.icon-volume-1
.icon-volume-2
.icon-volume-off
.icon-calendar
.icon-bulb
.icon-chart
.icon-ban
.icon-bubble
.icon-camrecorder
.icon-camera
.icon-cloud-download
.icon-cloud-upload
.icon-envelope
.icon-eye
.icon-flag
.icon-heart
.icon-info
.icon-key
.icon-link
.icon-lock
.icon-lock-open
.icon-magnifier
.icon-magnifier-add
.icon-magnifier-remove
.icon-paper-clip
.icon-paper-plane
.icon-power
.icon-refresh
.icon-reload
.icon-settings
.icon-star
.icon-symble-female
.icon-symbol-male
.icon-target
.icon-credit-card
.icon-paypal
.icon-social-tumblr
.icon-social-twitter
.icon-social-facebook
.icon-social-instagram
.icon-social-linkedin
.icon-social-pinterest
.icon-social-github
.icon-social-gplus
.icon-social-reddit
.icon-social-skype
.icon-social-dribbble
.icon-social-behance
.icon-social-foursqare
.icon-social-soundcloud
.icon-social-spotify
.icon-social-stumbleupon
.icon-social-youtube
.icon-social-dropbox

#### Web Application Icons

fa-adjust
fa-anchor
fa-archive
fa-area-chart
fa-arrows
fa-arrows-h
fa-arrows-v
fa-asterisk
fa-at
fa-automobile (alias)
fa-ban
fa-bank (alias)
fa-bar-chart
fa-bar-chart-o (alias)
fa-barcode
fa-bars
fa-beer
fa-bell
fa-bell-o
fa-bell-slash
fa-bell-slash-o
fa-bicycle
fa-binoculars
fa-birthday-cake
fa-bolt
fa-bomb
fa-book
fa-bookmark
fa-bookmark-o
fa-briefcase
fa-bug
fa-building
fa-building-o
fa-bullhorn
fa-bullseye
fa-bus
fa-cab (alias)
fa-calculator
fa-calendar
fa-calendar-o
fa-camera
fa-camera-retro
fa-car
fa-caret-square-o-down
fa-caret-square-o-left
fa-caret-square-o-right
fa-caret-square-o-up
fa-cc
fa-certificate
fa-check
fa-check-circle
fa-check-circle-o
fa-check-square
fa-check-square-o
fa-child
fa-circle
fa-circle-o
fa-circle-o-notch
fa-circle-thin
fa-clock-o
fa-close (alias)
fa-cloud
fa-cloud-download
fa-cloud-upload
fa-code
fa-code-fork
fa-coffee
fa-cog
fa-cogs
fa-comment
fa-comment-o
fa-comments
fa-comments-o
fa-compass
fa-copyright
fa-credit-card
fa-crop
fa-crosshairs
fa-cube
fa-cubes
fa-cutlery
fa-dashboard (alias)
fa-database
fa-desktop
fa-dot-circle-o
fa-download
fa-edit (alias)
fa-ellipsis-h
fa-ellipsis-v
fa-envelope
fa-envelope-o
fa-envelope-square
fa-eraser
fa-exchange
fa-exclamation
fa-exclamation-circle
fa-exclamation-triangle
fa-external-link
fa-external-link-square
fa-eye
fa-eye-slash
fa-eyedropper
fa-fax
fa-female
fa-fighter-jet
fa-file-archive-o
fa-file-audio-o
fa-file-code-o
fa-file-excel-o
fa-file-image-o
fa-file-movie-o (alias)
fa-file-pdf-o
fa-file-photo-o (alias)
fa-file-picture-o (alias)
fa-file-powerpoint-o
fa-file-sound-o (alias)
fa-file-video-o
fa-file-word-o
fa-file-zip-o (alias)
fa-film
fa-filter
fa-fire
fa-fire-extinguisher
fa-flag
fa-flag-checkered
fa-flag-o
fa-flash (alias)
fa-flask
fa-folder
fa-folder-o
fa-folder-open
fa-folder-open-o
fa-frown-o
fa-futbol-o
fa-gamepad
fa-gavel
fa-gear (alias)
fa-gears (alias)
fa-gift
fa-glass
fa-globe
fa-graduation-cap
fa-group (alias)
fa-hdd-o
fa-headphones
fa-heart
fa-heart-o
fa-history
fa-home
fa-image (alias)
fa-inbox
fa-info
fa-info-circle
fa-institution (alias)
fa-key
fa-keyboard-o
fa-language
fa-laptop
fa-leaf
fa-legal (alias)
fa-lemon-o
fa-level-down
fa-level-up
fa-life-bouy (alias)
fa-life-buoy (alias)
fa-life-ring
fa-life-saver (alias)
fa-lightbulb-o
fa-line-chart
fa-location-arrow
fa-lock
fa-magic
fa-magnet
fa-mail-forward (alias)
fa-mail-reply (alias)
fa-mail-reply-all (alias)
fa-male
fa-map-marker
fa-meh-o
fa-microphone
fa-microphone-slash
fa-minus
fa-minus-circle
fa-minus-square
fa-minus-square-o
fa-mobile
fa-mobile-phone (alias)
fa-money
fa-moon-o
fa-mortar-board (alias)
fa-music
fa-navicon (alias)
fa-newspaper-o
fa-paint-brush
fa-paper-plane
fa-paper-plane-o
fa-paw
fa-pencil
fa-pencil-square
fa-pencil-square-o
fa-phone
fa-phone-square
fa-photo (alias)
fa-picture-o
fa-pie-chart
fa-plane
fa-plug
fa-plus
fa-plus-circle
fa-plus-square
fa-plus-square-o
fa-power-off
fa-print
fa-puzzle-piece
fa-qrcode
fa-question
fa-question-circle
fa-quote-left
fa-quote-right
fa-random
fa-recycle
fa-refresh
fa-remove (alias)
fa-reorder (alias)
fa-reply
fa-reply-all
fa-retweet
fa-road
fa-rocket
fa-rss
fa-rss-square
fa-search
fa-search-minus
fa-search-plus
fa-send (alias)
fa-send-o (alias)
fa-share
fa-share-alt
fa-share-alt-square
fa-share-square
fa-share-square-o
fa-shield
fa-shopping-cart
fa-sign-in
fa-sign-out
fa-signal
fa-sitemap
fa-sliders
fa-smile-o
fa-soccer-ball-o (alias)
fa-sort
fa-sort-alpha-asc
fa-sort-alpha-desc
fa-sort-amount-asc
fa-sort-amount-desc
fa-sort-asc
fa-sort-desc
fa-sort-down (alias)
fa-sort-numeric-asc
fa-sort-numeric-desc
fa-sort-up (alias)
fa-space-shuttle
fa-spinner
fa-spoon
fa-square
fa-square-o
fa-star
fa-star-half
fa-star-half-empty (alias)
fa-star-half-full (alias)
fa-star-half-o
fa-star-o
fa-suitcase
fa-sun-o
fa-support (alias)
fa-tablet
fa-tachometer
fa-tag
fa-tags
fa-tasks
fa-taxi
fa-terminal
fa-thumb-tack
fa-thumbs-down
fa-thumbs-o-down
fa-thumbs-o-up
fa-thumbs-up
fa-ticket
fa-times
fa-times-circle
fa-times-circle-o
fa-tint
fa-toggle-down (alias)
fa-toggle-left (alias)
fa-toggle-off
fa-toggle-on
fa-toggle-right (alias)
fa-toggle-up (alias)
fa-trash
fa-trash-o
fa-tree
fa-trophy
fa-truck
fa-tty
fa-umbrella
fa-university
fa-unlock
fa-unlock-alt
fa-unsorted (alias)
fa-upload
fa-user
fa-users
fa-video-camera
fa-volume-down
fa-volume-off
fa-volume-up
fa-warning (alias)
fa-wheelchair
fa-wifi
fa-wrench

#### File Type Icons

fa-file
fa-file-archive-o
fa-file-audio-o
fa-file-code-o
fa-file-excel-o
fa-file-image-o
fa-file-movie-o (alias)
fa-file-o
fa-file-pdf-o
fa-file-photo-o (alias)
fa-file-picture-o (alias)
fa-file-powerpoint-o
fa-file-sound-o (alias)
fa-file-text
fa-file-text-o
fa-file-video-o
fa-file-word-o
fa-file-zip-o (alias)

#### Spinner Icons

- These icons work great with the`fa-spin`class. Check out thespinning icons example.

fa-circle-o-notch
fa-cog
fa-gear (alias)
fa-refresh
fa-spinner

#### Form Control Icons

fa-check-square
fa-check-square-o
fa-circle
fa-circle-o
fa-dot-circle-o
fa-minus-square
fa-minus-square-o
fa-plus-square
fa-plus-square-o
fa-square
fa-square-o

#### Payment Icons

fa-cc-amex
fa-cc-discover
fa-cc-mastercard
fa-cc-paypal
fa-cc-stripe
fa-cc-visa
fa-credit-card
fa-google-wallet
fa-paypal

#### Chart Icons

fa-area-chart
fa-bar-chart
fa-bar-chart-o (alias)
fa-line-chart
fa-pie-chart

#### Currency Icons

fa-bitcoin (alias)
fa-btc
fa-cny (alias)
fa-dollar (alias)
fa-eur
fa-euro (alias)
fa-gbp
fa-ils
fa-inr
fa-jpy
fa-krw
fa-money
fa-rmb (alias)
fa-rouble (alias)
fa-rub
fa-ruble (alias)
fa-rupee (alias)
fa-shekel (alias)
fa-sheqel (alias)
fa-try
fa-turkish-lira (alias)
fa-usd
fa-won (alias)
fa-yen (alias)

#### Text Editor Icons

fa-align-center
fa-align-justify
fa-align-left
fa-align-right
fa-bold
fa-chain (alias)
fa-chain-broken
fa-clipboard
fa-columns
fa-copy (alias)
fa-cut (alias)
fa-dedent (alias)
fa-eraser
fa-file
fa-file-o
fa-file-text
fa-file-text-o
fa-files-o
fa-floppy-o
fa-font
fa-header
fa-indent
fa-italic
fa-link
fa-list
fa-list-alt
fa-list-ol
fa-list-ul
fa-outdent
fa-paperclip
fa-paragraph
fa-paste (alias)
fa-repeat
fa-rotate-left (alias)
fa-rotate-right (alias)
fa-save (alias)
fa-scissors
fa-strikethrough
fa-subscript
fa-superscript
fa-table
fa-text-height
fa-text-width
fa-th
fa-th-large
fa-th-list
fa-underline
fa-undo
fa-unlink (alias)

#### Directional Icons

fa-angle-double-down
fa-angle-double-left
fa-angle-double-right
fa-angle-double-up
fa-angle-down
fa-angle-left
fa-angle-right
fa-angle-up
fa-arrow-circle-down
fa-arrow-circle-left
fa-arrow-circle-o-down
fa-arrow-circle-o-left
fa-arrow-circle-o-right
fa-arrow-circle-o-up
fa-arrow-circle-right
fa-arrow-circle-up
fa-arrow-down
fa-arrow-left
fa-arrow-right
fa-arrow-up
fa-arrows
fa-arrows-alt
fa-arrows-h
fa-arrows-v
fa-caret-down
fa-caret-left
fa-caret-right
fa-caret-square-o-down
fa-caret-square-o-left
fa-caret-square-o-right
fa-caret-square-o-up
fa-caret-up
fa-chevron-circle-down
fa-chevron-circle-left
fa-chevron-circle-right
fa-chevron-circle-up
fa-chevron-down
fa-chevron-left
fa-chevron-right
fa-chevron-up
fa-hand-o-down
fa-hand-o-left
fa-hand-o-right
fa-hand-o-up
fa-long-arrow-down
fa-long-arrow-left
fa-long-arrow-right
fa-long-arrow-up
fa-toggle-down (alias)
fa-toggle-left (alias)
fa-toggle-right (alias)
fa-toggle-up (alias)

#### Video Player Icons

fa-arrows-alt
fa-backward
fa-compress
fa-eject
fa-expand
fa-fast-backward
fa-fast-forward
fa-forward
fa-pause
fa-play
fa-play-circle
fa-play-circle-o
fa-step-backward
fa-step-forward
fa-stop
fa-youtube-play

#### Brand Icons

- All brand icons are trademarks of their respective owners.
- The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.

#### Warning!

Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social Media Buttons" setting. We will not use hacks to force them to display. Pleasereport an issue with Adblock Plusif you believe this to be an error. To work around this, you'll need to modify the social icon class names.
fa-adn
fa-android
fa-angellist
fa-apple
fa-behance
fa-behance-square
fa-bitbucket
fa-bitbucket-square
fa-bitcoin (alias)
fa-btc
fa-cc-amex
fa-cc-discover
fa-cc-mastercard
fa-cc-paypal
fa-cc-stripe
fa-cc-visa
fa-codepen
fa-css3
fa-delicious
fa-deviantart
fa-digg
fa-dribbble
fa-dropbox
fa-drupal
fa-empire
fa-facebook
fa-facebook-square
fa-flickr
fa-foursquare
fa-ge (alias)
fa-git
fa-git-square
fa-github
fa-github-alt
fa-github-square
fa-gittip
fa-google
fa-google-plus
fa-google-plus-square
fa-google-wallet
fa-hacker-news
fa-html5
fa-instagram
fa-ioxhost
fa-joomla
fa-jsfiddle
fa-lastfm
fa-lastfm-square
fa-linkedin
fa-linkedin-square
fa-linux
fa-maxcdn
fa-meanpath
fa-openid
fa-pagelines
fa-paypal
fa-pied-piper
fa-pied-piper-alt
fa-pinterest
fa-pinterest-square
fa-qq
fa-ra (alias)
fa-rebel
fa-reddit
fa-reddit-square
fa-renren
fa-share-alt
fa-share-alt-square
fa-skype
fa-slack
fa-slideshare
fa-soundcloud
fa-spotify
fa-stack-exchange
fa-stack-overflow
fa-steam/a
fa-steam-square
fa-stumbleupon
fa-stumbleupon-circle
fa-tencent-weibo
fa-trello
fa-tumblr
fa-tumblr-square
fa-twitch
fa-twitter
fa-twitter-square
fa-vimeo-square
fa-vine
fa-vk
fa-wechat (alias)
fa-weibo
fa-weixin
fa-windows
fa-wordpress
fa-xing
fa-xing-square
fa-yahoo
fa-yelp
fa-youtube
fa-youtube-play
fa-youtube-square

#### Medical Icons

fa-ambulance
fa-h-square
fa-hospital-o
fa-medkit
fa-plus-square
fa-stethoscope
fa-user-md
fa-wheelchair

#### test Icons

fa fa-th-large text-success
fa fa-cog text-info-lter
fa fa-book
icon-people text-primary
icon-user text-success-dk
fa fa-smile-o text-limegreen
icon-people text-mediumvioletred
icon-docs text-turquoise
icon-pencil text-burlywood
icon-layers text-darkgreen
icon-home text-coral
icon-pencil text-fuchsia
icon-eye text-darkorang
icon-layers text-darkgreen
icon-clock text-maroo
icon-eye text-fuchsia
icon-people text-darkslateblue
icon-badge text-tomato
icon-book-open text-cornsilk
icon-people text-info
icon-tag text-darkorchid
icon-home text-khaki
icon-people text-darkolivegreen
icon-refresh text-darkorange
icon-login text-greenyellow
icon-badge text-tomato
icon-puzzle text-red