Hello all,
I'm having some issues getting my logo to align properly on small and
medium (phone and tablet) screens.
Here's the html i'm using:
<div class="row">
<div class="col-lg-4">
<a class="brand" href="index.html"><img src="img/logo.jpg" alt="A
Quality Homes & Maintenance Services" class="img-responsive"></a>
</div>
<div class="col-lg-8">
................
</div>
</div>
And the CSS:
@media (max-width: 991px) {
a.brand img.img-responsive {
text-align:center;
margin-left:auto !important;
margin-right:auto !important;
}
}
I can't seem to figure out the CSS side of it. It looks fine on a large
display (which has it set to the left of the row with the nav on the right)
but i can't figure out how to center it while my columns are stacked (on
small and medium screens)
You can see it here:
http://cust5.mainstreetinc.us
Any insight, tips, help is greatly appreciated!
Jason
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
