Portfolio

Super User

Posted by Super User

Quisque sollicitudin ante vel nulla bibendum varius. Praesent lobortis felis erat, id sagittis quam mollis ac. Aliquam erat volutpat. Integer at tellus bibendum, consequat turpis ultricies, facilisis lectus. Mauris iaculis quam dolor, id commodo lacus viverra eget. Nulla porttitor est placerat lacinia placerat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Available Font Awesome Icons



Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

Font Awesome font licensed under SIL OFL 1.1 Code licensed under MIT License Documentation licensed under CC BY 3.0

  • fa-camera-retro
  • fa-camera-retro
  • fa-camera-retro
  • fa-camera-retro
  • fa-camera-retro
  • List icons (like these)
  • can be used
  • to replace
  • default bullets in lists


Available Glyphicons



Includes 180 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you to include a link back to Glyphicons whenever possible.

  • .glyphicon .glyphicon-adjust
  • .glyphicon .glyphicon-align-center
  • .glyphicon .glyphicon-align-justify
  • .glyphicon .glyphicon-align-left
  • .glyphicon .glyphicon-align-right
  • .glyphicon .glyphicon-arrow-down
  • .glyphicon .glyphicon-arrow-left
  • .glyphicon .glyphicon-arrow-right
  • .glyphicon .glyphicon-arrow-up
  • .glyphicon .glyphicon-asterisk
  • .glyphicon .glyphicon-backward
  • .glyphicon .glyphicon-ban-circle
  • .glyphicon .glyphicon-barcode
  • .glyphicon .glyphicon-bell
  • .glyphicon .glyphicon-bold
  • .glyphicon .glyphicon-book
  • .glyphicon .glyphicon-bookmark
  • .glyphicon .glyphicon-briefcase
  • .glyphicon .glyphicon-bullhorn
  • .glyphicon .glyphicon-calendar
  • .glyphicon .glyphicon-camera
  • .glyphicon .glyphicon-certificate
  • .glyphicon .glyphicon-check
  • .glyphicon .glyphicon-chevron-down
  • .glyphicon .glyphicon-chevron-left
  • .glyphicon .glyphicon-chevron-right
  • .glyphicon .glyphicon-chevron-up
  • .glyphicon .glyphicon-circle-arrow-down
  • .glyphicon .glyphicon-circle-arrow-left
  • .glyphicon .glyphicon-circle-arrow-right
  • .glyphicon .glyphicon-circle-arrow-up
  • .glyphicon .glyphicon-cloud
  • .glyphicon .glyphicon-cloud-download
  • .glyphicon .glyphicon-cloud-upload
  • .glyphicon .glyphicon-cog
  • .glyphicon .glyphicon-collapse-down
  • .glyphicon .glyphicon-collapse-up
  • .glyphicon .glyphicon-comment
  • .glyphicon .glyphicon-compressed
  • .glyphicon .glyphicon-copyright-mark
  • .glyphicon .glyphicon-credit-card
  • .glyphicon .glyphicon-cutlery
  • .glyphicon .glyphicon-dashboard
  • .glyphicon .glyphicon-download
  • .glyphicon .glyphicon-download-alt
  • .glyphicon .glyphicon-earphone
  • .glyphicon .glyphicon-edit
  • .glyphicon .glyphicon-eject
  • .glyphicon .glyphicon-envelope
  • .glyphicon .glyphicon-euro
  • .glyphicon .glyphicon-exclamation-sign
  • .glyphicon .glyphicon-expand
  • .glyphicon .glyphicon-export
  • .glyphicon .glyphicon-eye-close
  • .glyphicon .glyphicon-eye-open
  • .glyphicon .glyphicon-facetime-video
  • .glyphicon .glyphicon-fast-backward
  • .glyphicon .glyphicon-fast-forward
  • .glyphicon .glyphicon-file
  • .glyphicon .glyphicon-film
  • .glyphicon .glyphicon-filter
  • .glyphicon .glyphicon-fire
  • .glyphicon .glyphicon-flag
  • .glyphicon .glyphicon-flash
  • .glyphicon .glyphicon-floppy-disk
  • .glyphicon .glyphicon-floppy-open
  • .glyphicon .glyphicon-floppy-remove
  • .glyphicon .glyphicon-floppy-save
  • .glyphicon .glyphicon-floppy-saved
  • .glyphicon .glyphicon-folder-close
  • .glyphicon .glyphicon-folder-open
  • .glyphicon .glyphicon-font
  • .glyphicon .glyphicon-forward
  • .glyphicon .glyphicon-fullscreen
  • .glyphicon .glyphicon-gbp
  • .glyphicon .glyphicon-gift
  • .glyphicon .glyphicon-glass
  • .glyphicon .glyphicon-globe
  • .glyphicon .glyphicon-hand-down
  • .glyphicon .glyphicon-hand-left
  • .glyphicon .glyphicon-hand-right
  • .glyphicon .glyphicon-hand-up
  • .glyphicon .glyphicon-hd-video
  • .glyphicon .glyphicon-hdd
  • .glyphicon .glyphicon-header
  • .glyphicon .glyphicon-headphones
  • .glyphicon .glyphicon-heart
  • .glyphicon .glyphicon-heart-empty
  • .glyphicon .glyphicon-home
  • .glyphicon .glyphicon-import
  • .glyphicon .glyphicon-inbox
  • .glyphicon .glyphicon-indent-left
  • .glyphicon .glyphicon-indent-right
  • .glyphicon .glyphicon-info-sign
  • .glyphicon .glyphicon-italic
  • .glyphicon .glyphicon-leaf
  • .glyphicon .glyphicon-link
  • .glyphicon .glyphicon-list
  • .glyphicon .glyphicon-list-alt
  • .glyphicon .glyphicon-lock
  • .glyphicon .glyphicon-log-in
  • .glyphicon .glyphicon-log-out
  • .glyphicon .glyphicon-magnet
  • .glyphicon .glyphicon-map-marker
  • .glyphicon .glyphicon-minus
  • .glyphicon .glyphicon-minus-sign
  • .glyphicon .glyphicon-move
  • .glyphicon .glyphicon-music
  • .glyphicon .glyphicon-new-window
  • .glyphicon .glyphicon-off
  • .glyphicon .glyphicon-ok
  • .glyphicon .glyphicon-ok-circle
  • .glyphicon .glyphicon-ok-sign
  • .glyphicon .glyphicon-open
  • .glyphicon .glyphicon-paperclip
  • .glyphicon .glyphicon-pause
  • .glyphicon .glyphicon-pencil
  • .glyphicon .glyphicon-phone
  • .glyphicon .glyphicon-phone-alt
  • .glyphicon .glyphicon-picture
  • .glyphicon .glyphicon-plane
  • .glyphicon .glyphicon-play
  • .glyphicon .glyphicon-play-circle
  • .glyphicon .glyphicon-plus
  • .glyphicon .glyphicon-plus-sign
  • .glyphicon .glyphicon-print
  • .glyphicon .glyphicon-pushpin
  • .glyphicon .glyphicon-qrcode
  • .glyphicon .glyphicon-question-sign
  • .glyphicon .glyphicon-random
  • .glyphicon .glyphicon-record
  • .glyphicon .glyphicon-refresh
  • .glyphicon .glyphicon-registration-mark
  • .glyphicon .glyphicon-remove
  • .glyphicon .glyphicon-remove-circle
  • .glyphicon .glyphicon-remove-sign
  • .glyphicon .glyphicon-repeat
  • .glyphicon .glyphicon-resize-full
  • .glyphicon .glyphicon-resize-horizontal
  • .glyphicon .glyphicon-resize-small
  • .glyphicon .glyphicon-resize-vertical
  • .glyphicon .glyphicon-retweet
  • .glyphicon .glyphicon-road
  • .glyphicon .glyphicon-save
  • .glyphicon .glyphicon-saved
  • .glyphicon .glyphicon-screenshot
  • .glyphicon .glyphicon-sd-video
  • .glyphicon .glyphicon-search
  • .glyphicon .glyphicon-send
  • .glyphicon .glyphicon-share
  • .glyphicon .glyphicon-share-alt
  • .glyphicon .glyphicon-shopping-cart
  • .glyphicon .glyphicon-signal
  • .glyphicon .glyphicon-sort
  • .glyphicon .glyphicon-sort-by-alphabet
  • .glyphicon .glyphicon-sort-by-alphabet-alt
  • .glyphicon .glyphicon-sort-by-attributes
  • .glyphicon .glyphicon-sort-by-attributes-alt
  • .glyphicon .glyphicon-sort-by-order
  • .glyphicon .glyphicon-sort-by-order-alt
  • .glyphicon .glyphicon-sound-5-1
  • .glyphicon .glyphicon-sound-6-1
  • .glyphicon .glyphicon-sound-7-1
  • .glyphicon .glyphicon-sound-dolby
  • .glyphicon .glyphicon-sound-stereo
  • .glyphicon .glyphicon-star
  • .glyphicon .glyphicon-star-empty
  • .glyphicon .glyphicon-stats
  • .glyphicon .glyphicon-step-backward
  • .glyphicon .glyphicon-step-forward
  • .glyphicon .glyphicon-stop
  • .glyphicon .glyphicon-subtitles
  • .glyphicon .glyphicon-tag
  • .glyphicon .glyphicon-tags
  • .glyphicon .glyphicon-tasks
  • .glyphicon .glyphicon-text-height
  • .glyphicon .glyphicon-text-width
  • .glyphicon .glyphicon-th
  • .glyphicon .glyphicon-th-large
  • .glyphicon .glyphicon-th-list
  • .glyphicon .glyphicon-thumbs-down
  • .glyphicon .glyphicon-thumbs-up
  • .glyphicon .glyphicon-time
  • .glyphicon .glyphicon-tint
  • .glyphicon .glyphicon-tower
  • .glyphicon .glyphicon-transfer
  • .glyphicon .glyphicon-trash
  • .glyphicon .glyphicon-tree-conifer
  • .glyphicon .glyphicon-tree-deciduous
  • .glyphicon .glyphicon-unchecked
  • .glyphicon .glyphicon-upload
  • .glyphicon .glyphicon-usd
  • .glyphicon .glyphicon-user
  • .glyphicon .glyphicon-volume-down
  • .glyphicon .glyphicon-volume-off
  • .glyphicon .glyphicon-volume-up
  • .glyphicon .glyphicon-warning-sign
  • .glyphicon .glyphicon-wrench
  • .glyphicon .glyphicon-zoom-in
  • .glyphicon .glyphicon-zoom-out

Integer convallis justo augue, et condimentum tortor scelerisque ut. Ut mattis ullamcorper lacinia. Donec dignissim eu dui non ultrices. Fusce ullamcorper suscipit ante, eget ultrices ipsum faucibus sagittis. Nunc eu elit orci. Etiam id orci vitae mauris bibendum molestie sit amet sed neque. Cras malesuada vulputate orci sed molestie. Phasellus accumsan nunc sit amet egestas suscipit. Duis non ipsum ac risus consequat dapibus placerat sed dui. Sed vitae risus scelerisque purus euismod ornare. Phasellus ultricies ante vitae molestie adipiscing.

Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen. Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen.

Heading Elements

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

Paragraph Elements

Lorem ipsum dolor sit amet, a mark here adipisicing elit. Atque, iusto, minus sequi natus nesciunt rerum tenetur corrupti autem officiis fugiat expedita laudantium ea aspernatur

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, velit, facere eos molestias rerum nesciunt consequatur voluptate minus quod

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, vitae, dolore, ratione, neque deleniti officia atque dignissimos porro.

Consectetur adipisicing elit. Corrupti, aliquam, voluptates, nulla, blanditiis totam voluptatem voluptatum quod ipsa debitis non ab odio natus.


Order List Elements

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
    1. Lorem ipsum dolor sit amet
    2. Lorem ipsum dolor sit amet
    3. Lorem ipsum dolor sit amet
    4. Lorem ipsum dolor sit amet
      1. Lorem ipsum dolor sit amet
      2. Lorem ipsum dolor sit amet
      3. Lorem ipsum dolor sit amet
      4. Lorem ipsum dolor sit amet
      5. Lorem ipsum dolor sit amet
      6. Lorem ipsum dolor sit amet
    5. Lorem ipsum dolor sit amet
    6. Lorem ipsum dolor sit amet
  4. Lorem ipsum dolor sit amet
  5. Lorem ipsum dolor sit amet
  6. Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
      • Lorem ipsum dolor sit amet
      • Lorem ipsum dolor sit amet
      • Lorem ipsum dolor sit amet
      • Lorem ipsum dolor sit amet
      • Lorem ipsum dolor sit amet
      • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

Blockquote Elements

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Tooltips

Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen. Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen.


Popovers

Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen. Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen.

Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen. Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen.

Warning! Best check yo self, you're not looking too good.

Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen. Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen.

Basic example

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Striped rows

Use .table-striped to add zebra-striping to any table row within the <tbody>.

Cross-browser compatibility

Striped tables are styled via the :nth-child CSS selector, which is not available in Internet Explorer 8.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Bordered table

Add .table-bordered for borders on all sides of the table and cells.

# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Hover rows

Add .table-hover to enable a hover state on table rows within a <tbody>.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Condensed table

Add .table-condensed to make tables more compact by cutting cell padding in half.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Contextual classes

Use contextual classes to color table rows or individual cells.

# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content

Responsive tables

Create responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

# Table heading Table heading Table heading Table heading Table heading Table heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell
# Table heading Table heading Table heading Table heading Table heading Table heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell

Rich Forms



Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen. Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen.

Example block-level help text here.

Inline Forms



Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen. Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen.

Horizontal Forms



Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen. Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen.

Colorized Buttons



Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen. Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen.


Button Sizes



Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen. Er zijn vele variaties van passages van Lorem Ipsum beschikbaar maar het merendeel heeft te lijden gehad van wijzigingen in een of andere vorm, door ingevoegde humor of willekeu seloofwaardig ogen.

Sed elementum magna quis dapibus scelerisque. Integer et arcu semper, pellentesque neque ut, vehicula lectus. Nam ut purus sit amet velit laoreet pellentesque in eu tortor.

Read more

In vitae metus sagittis, cursus magna et, elementum urna. Pellentesque semper justo ut convallis molestie. Quisque efficitur metus vitae purus venenatis, et facilisis metus tristique.

Read more

Pellentesque quis pellentesque risus, ac scelerisque lorem. Pellentesque tristique tellus sit amet tellus pulvinar efficitur.

Read more

Curabitur vulputate vehicula tortor, vitae dictum neque eleifend non. Fusce faucibus nisl eu magna dapibus, ut condimentum ex condimentum.

Read more

Donec fringilla enim id sollicitudin congue. Donec vel suscipit justo. Integer volutpat vel massa id vehicula. Mauris sit amet auctor arcu.

Read more

Donec condimentum convallis orci quis vehicula. Praesent neque felis, aliquet nec suscipit quis, sagittis non turpis. Nunc quis volutpat felis.

Read more

Morbi convallis velit non tortor sollicitudin, vitae consectetur eros consequat. Ut fringilla nunc id congue hendrerit. Nullam eu consequat nisl.

Read more

Ut laoreet quis eros et tristique. Aliquam efficitur lobortis nisl non ornare. Nullam tristique nisl eu nibh ultrices, at vehicula arcu tempor.

Read more

Nam luctus urna neque, a bibendum urna vulputate at. Nullam ut turpis id leo suscipit posuere quis et justo. Duis interdum a velit ut mattis.

Read more

Donec sit amet venenatis nunc, eget sodales felis. Nullam quam sapien, tincidunt lacinia nisi tristique, tempus gravida felis.

Read more

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non ipsum porta, vulputate ipsum sit amet, cursus lorem.

Read more


Seite 3 von 4

Dann kontaktieren Sie uns und wir erstellen Ihnen ein individuelles Angebot!