I am using bootstrap on my site and I generally like it a lot but I would like to make some of the objects a little smaller. Lists, form objects, nav, tables, etc.
My question is two-fold:
1) Is there a way to do that "across the board" by adjusting a css file associated with my bootstrap?
2) How much can I do with css on an item-by-item basis without "ruining" the mobile friendliness that bootstrap brings. For instance, if I use class="img-responsive" for an image and then apply style="width:200px;" will that style make the image not adjust it's size based on whether it is on a mobile device or a desktop?