Solved

Bootstrap - responsive image too small

Posted on 2014-02-21
4
442 Views
Last Modified: 2014-02-21
A friend helped me setup the bootstrap site.  Not sure how to fix the trio image in right column (3 product shot) so that it displays at original size when in largest view.  Currently, it is about 2/3 the original size.  Ideally, I would also like to bump the trio image closer to right margin.  

LIVE
http://www.wiplastic.com/

BETA BOOTSTRAP
http://nsitedesigns.com/nsitedesigns/wiplastic_scott/index.html
http://nsitedesigns.com/nsitedesigns/wiplastic_scott/wiplastic2.css
0
Comment
Question by:nsitedesigns
  • 2
  • 2
4 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39877616
Change col-xs-3  on the container to col-xs-4
Any bigger and you would need to reduce your content area.

Edit
Changing to 4 columns is showing it at maximum size on desktop
0
 

Author Comment

by:nsitedesigns
ID: 39877820
I am not sure I know how to change the col-xs-3 since I am not supposed to modify the bootstrap.css file.
0
 
LVL 58

Assisted Solution

by:Gary
Gary earned 500 total points
ID: 39877832
It's in your HTML for the container for the side image.
0
 

Author Comment

by:nsitedesigns
ID: 39877897
Found it - again thanks for the hand holding.
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

696 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question