Question

我正在使用Twitter Bootstrap。我不会写很久，jus告诉你。（没有img一切都很好）

IE截图： https://www.dropbox.com/s/k1dn6ss1ue5y2c9/ie_screen.png

普通浏览器： https://www.dropbox.com/s/bp0spch1yvowglp/chrome_screen.png

HTML代码：

   <div class="topbar"> 
<div class="navbar ">
     <div class="container">                 
    <ul class="nav nav-pills pull-left">       
      <li><%= link_to "Overview",    root_path %></li>
      <li class="divider-vertical"></li>
      <li><%= link_to "About",    about_path %></li>
      <li class="divider-vertical"></li>
      <li><%= link_to "What we do", what_we_do_path %></li>
      <li class="divider-vertical"></li>
      <li><%= link_to "Partners", partners_path %></li>
      <li class="divider-vertical"></li>
      <li><%= link_to "Contact", contact_path %></li>
      <li class="divider-vertical"></li>        
    </ul>
</div>
 </div>
   </div>

我的CSS：

.container{
background-color: white;
width: 960px;
}

.navbar .nav {
background-color: white;
position: relative;
display: block;
float: left;
margin: 0 0px 0 0;
 }

.navbar .nav .active > a, .navbar .nav .active > a:hover {
padding-top:0px;
padding-bottom:0px;
color: black;
text-decoration: none;
background-color: white;
}

 .navbar .nav img{
float:left;
}

Answer 1

在视图中：

    <%= link_to(image_tag("/images/logo.png"), root_path, id: "logo") %>

的CSS：

#logo{
float:left;
}

徽标img在IE 8中崩溃Bootstrap导航栏

1 个答案: