Hard to fix

keep trying

by sulfureous

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="row-fluid" id="header">
    <div class="span6" id="logo1">
      <img src="http://www.dummyimage.com/300x60/666/222/" alt="logo 1" />
    </div>
    <div class="span6" id="logo2">
      <img src="http://www.dummyimage.com/300x60/666/222/" alt="logo 2" />
    </div>
</div>

CSS

#logo1 {
    text-align: left;
    background: #f1f1f1;
}
#logo2 {
    text-align: right;
    background: #f1f1f1;
}

@media (min-width: 1200px) { 
}
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
}