Hi, I don't know if it's still relevant, but the trick seems to be to add
following style to the navbar :
position: fixed; padding: 0px; margin: 0px;
I don't think it's a good idea to add it to the bootstrap-responsive.css,
as it will be difficult to upgrade these files then. Better add your own
.css file and put the extra css in there.
Hope this can help anyone :)
On Tuesday, September 18, 2012 11:19:46 AM UTC+2, Vlad Ghitulescu wrote:
>
> Hello again!
>
>
> I have discovered something like a colateral damage: after appending
>
> .navbar {
> position: fixed;
> }
>
> at the end of ... bootstrap-responsive.css-file the brand-element
>
> <a class="brand" href="#">Project name</a>
>
> get a negative padding below 480px :-(((
>
> See also my question about a first "*jump*" of the brand-element at 980px
> (that is for sure *NOT* caused by the "position: fixed") at
> https://groups.google.com/forum/#!topic/twitter-bootstrap/DnEvkJU9y-c
>
> Do you have any ideas?
>
> Thank you!
>
>
> Regards,
> Vlad
>
>
> On Thursday, September 13, 2012 1:46:01 PM UTC+2, Vlad Ghitulescu wrote:
>>
>> Hello, Catalin!
>>
>>
>> Thank you for the quick reply!
>>
>> As suggested I put the followings:
>>
>> .navbar {
>> position: fixed;
>> }
>>
>> at the very end of the ... bootstrap-responsive.css-file and it does what
>> it should.
>>
>> Thanks again!
>>
>>
>> Regards,
>> Vlad
>>
>> On Thursday, September 13, 2012 12:11:54 PM UTC+2, seven7seven wrote:
>>>
>>> You can get that behavior if you add
>>>
>>> position: fixed;
>>>
>>>
>>> to the navbar itself. There's a definition in bootstrap-responsive that
>>> forces it to static positioning. If you have to be aggressive to override
>>> that (depends on your setup, whether you use LESS or not), you can use
>>> !important to force it.
>>>
>>> Make sure to also remove nav-collapse collapse and delete the btn-navbar
>>> if you want to get rid of the collapsing effect.
>>>
>>> --
>>>
>>> Catalin Pintea, *Designer*
>>> catalinpintea.com
>>>
>>>
>>>
>>> On Thu, Sep 13, 2012 at 12:28 PM, Vlad Ghitulescu <
>>> [email protected]> wrote:
>>>
>>>> Hello!
>>>>
>>>>
>>>> I would like to use the hero-template from Twitter
>>>> Bootstrap<http://twitter.github.com/bootstrap/examples/hero.html>(
>>>> http://twitter.github.com/bootstrap/examples/hero.html) but the navbar
>>>> remains "*navbar-fixed-top*" only until I made the browser window
>>>> small enough and the layout switches to responsive. The navbar is then not
>>>> allways visible anymore so you have to scroll all the way up in order to
>>>> reach it :-(
>>>>
>>>> I would rather like a behaviour like jQuery
>>>> Fundamentals<http://jqfundamentals.com>(
>>>> http://jqfundamentals.com/), where the navbar stays on the top even
>>>> when the window is very small - but I couldn't figure how to solve this
>>>> yet.
>>>>
>>>> Do you have an idea?
>>>>
>>>> Thank you!
>>>>
>>>>
>>>> Kind regards,
>>>> Vlad Ghitulescu
>>>>
>>>>
>>>
--
