This is our solution:
HTML:
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a href="#" class="brand" title="edgeyo"> </a>
<ul class="nav">
<li><a href="/">Home</a></li>
CSS:
.navbar .brand {
display: inline-block;
width: 90px;
height: 40px;
padding: 0;
margin: 0 10px 0 0;
background: url(../img/logo.png) no-repeat;
}
The reason why we do this is because we're overhauling our systems, and
we're going to start using CSS sprites to increase loading speed.
Xuanyi Chew
Want to get funding or fund good prospects? Check out edgeyo.com
On Sun, Mar 4, 2012 at 3:25 AM, Torman <[email protected]> wrote:
> <div class="navbar navbar-fixed-top">
> <div class="navbar-inner">
> <div class="container">
> <a class="btn btn-navbar"
> data-toggle="collapse"
> data-target=".nav-collapse"> <span
> class="icon-bar"></span> <span
> class="icon-bar"></span> <span
> class="icon-bar"></span>
>
> </a> <a class="brand" href="#"> <img
> alt="Foo"
> src="/static/img/logo.png"
> style="height:30px">
> </a>
> ...
> ...
> ...
>
> On Mar 3, 6:40 am, Mike Craig <[email protected]> wrote:
> > Eventually I'll just absolute position hack my way into this...but
> > basically, from the samples on the bootstrap pages, I want to replace
> > "project logo" (an H tag and some text) with a corporate logo. I've
> tried
> > stuffing background images into p div li even img and I can't get it to
> > display. I did once with an anchor tag but ooof...that did not work out
> as
> > well as I would have liked.
> >
> > Has anyone done this?
> >
> > Mike
>
