We use cookies to make your experience better. To comply with the new e-Privacy directive, we need to ask for your consent to set the cookies. Learn more.

Original German Car Spare Parts BMW Mercedes Porsche VW Audi Original German Car Spare Parts BMW Mercedes Porsche VW Audi
Menu Search Account
Cart
Search
  • Account
  • Wish List
  • Sign In
  • Sign Up
Skip to Content
Call Us: +49 (0) 2472/8036364
  • Fast & Cheaper Shipping
  • Information before you order
Welcome to our shop!
Compare Products
COVID-19 OUTBREAK! Orders can still be placed at the moment, but be aware that the situation may change at anytime! Dispatch and Delivery still taking place too but probably slower than usual!
Original German Car Spare Parts BMW Mercedes Porsche VW Audi Original German Car Spare Parts BMW Mercedes Porsche VW Audi
Menu
  • Home
  • AUDI PARTS
  • BMW PARTS
  • MERCEDES BENZ
  • VW PARTS
  • LATEST ORDERS
  • About Us
  • Home
  • Responsive Utilities

Responsive utilities

For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.

Try to use these on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation.


Available classes

Use a single or combination of the available classes for toggling content across viewport breakpoints.

Extra small devices Phones (<768px) Small devices Tablets (≥768px) Medium devices Desktops (≥992px) Large devices Desktops (≥1200px)
.visible-xs-* Visible Hidden Hidden Hidden
.visible-sm-* Hidden Visible Hidden Hidden
.visible-md-* Hidden Hidden Visible Hidden
.visible-lg-* Hidden Hidden Hidden Visible
.hidden-xs Hidden Visible Visible Visible
.hidden-sm Visible Hidden Visible Visible
.hidden-md Visible Visible Hidden Visible
.hidden-lg Visible Visible Visible Hidden

As of v3.2.0, the .visible-*-* classes for each breakpoint come in three variations, one for each CSS display property value listed below.

Group of classes CSS display
.visible-*-block display: block;
.visible-*-inline display: inline;
.visible-*-inline-block display: inline-block;

So, for extra small (xs) screens for example, the available .visible-*-* classes are: .visible-xs-block, .visible-xs-inline, and .visible-xs-inline-block.

The classes .visible-xs, .visible-sm, .visible-md, and .visible-lg also exist, but are deprecated as of v3.2.0. They are approximately equivalent to .visible-*-block, except with additional special cases for toggling <table>-related elements.


Print classes

Similar to the regular responsive classes, use these for toggling content for print.

Classes Browser Print
.visible-print-block
.visible-print-inline
.visible-print-inline-block
Hidden Visible
.hidden-print Visible Hidden

The class .visible-print also exists but is deprecated as of v3.2.0. It is approximately equivalent to .visible-print-block, except with additional special cases for <table>-related elements.


Test cases

Resize your browser or load on different devices to test the responsive utility classes.


1. Visible on...

Green checkmarks indicate the element is visible in your current viewport.

Extra small ✔ Visible on x-small
Small ✔ Visible on small
Medium ✔ Visible on medium
Large ✔ Visible on large
Extra small and small ✔ Visible on x-small and small
Medium and large ✔ Visible on medium and large
Extra small and medium ✔ Visible on x-small and medium
Small and large ✔ Visible on small and large
Extra small and large ✔ Visible on x-small and large
Small and medium ✔ Visible on small and medium

2. Hidden on...

Here, green checkmarks also indicate the element is hidden in your current viewport.

Extra small ✔ Hidden on x-small
Small ✔ Hidden on small
Medium ✔ Hidden on medium
Large ✔ Hidden on large
Extra small and small ✔ Hidden on x-small and small
Medium and large ✔ Hidden on medium and large
Extra small and medium ✔ Hidden on x-small and medium
Small and large ✔ Hidden on small and large
Extra small and large ✔ Hidden on x-small and large
Small and medium ✔ Hidden on small and medium
Compare Products
  1. Remove This Item
Compare
Clear All
You have no items to compare.
Wish List
Last Added Items
  1. Add to Cart
    Remove This Item
Go to Wish List
You have no items in your wish list.
  • Search Terms
  • Privacy and Cookie Policy
  • Advanced Search
  • Orders and Returns
  • Contact Us
  • About Us
  • Customer Service
About Us
Original Auto Spare Parts from Germany

We are TM German Spare Parts, a German-Mauritian company who decided to supply mainly Mauritius in German original Spare Parts. We live in German and speak German, English, French and Creol. We supply second hand spare parts and new parts.

More
Information
  • Legal Notice
  • Cookie Policy
  • Privacy Policy
  • Payment
  • Site Map
  • Shipping
  • Return of goods
  • Terms of service
  • Follow Us On Facebook
Company Info
1

TM German Spare Parts supplies original spare parts from Germany.

2

TM German Spare Parts provides non-binding quotations.

3

Your goods will be safely packed and shipped.

4

Safe and Fast Delivery with Air Freight or Ocean Freight.

Contact Information

Call Us: +49 (0) 2472/8036364
Mobile: +49 (0) 151/12332740

WahtsApp:+49 151/12332740
WahtsApp:+49 160/6377445

contact(at)german-spare-parts.net

support(at)german-spare-parts.net

Call our Support on Skype

Skype Support
Newsletter
Copyright © 2017 - 2020 TM German Spare Parts. All rights reserved. All logos used on our pages are registered trademarks of the respective manufacturer. German Spare Parts is not affiliated with any automobile manufacturers. Manufacturer names and/or part numbers are used only for identification purposes.
Payment methods
WA button WA button