Solved

Bootstrap - responsive image too small

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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

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 …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

776 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