Question

I have a website built with Bootstrap and want to make a mobile version as well. The only issue is that the layouts I want to create will differ vastly. For example.

The desktop version has a huge image on the main page in the center, whereas the mobile version would not.

Is this something I can achieve in Bootstrap or must I use other methods to provide two vastly different layouts?

Answer 1

Yes, you can use Responsive utility classes. For example:

<img src="image.png" class="hidden-phone" title="Main image" />

This image won’t be visible on a phone.

UPDATE

This was for old Bootstrap version, for the latest see

http://getbootstrap.com/css/#responsive-utilities