Solved

Bootstrap - responsive image too small

Posted on 2014-02-21
4
426 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
The viewer will learn how to dynamically set the form action using jQuery.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

911 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

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now