css - Twitter Bootstrap Navigation Bar Fixed -

-

what must change make navigation bar fixed when screen size under 940px? don't want make responsive. if resize browser windows under 940px see scroolbar-x (bottom-scrollbar) appear, when scroll right, navigation bar position still fixed, , menu won't appear.

twitterfacebook

maybe picture explain problem.

this can't done in css alone.

the example give (twitter) has navbar fixed position , fixed size @ screen sizes. fixed position means scrollbars not affect position of navbar, , why can't use x-scrollbar see part of navbar which, once it's less 940px wide, hidden 'under' right border of browser window.

so have choose, either

  1. have fixed position, fixed size navbar present @ top no matter how far user scrolls down , accept under small enough screen won't able scroll horizontally see all, or
  2. have fixed position, fluid size navbar adjusts width accommodate different screen sizes, mitigate need scroll horizontally in first place, if let grow vertically if contents don't fit in 1 row, or
  3. have non-fixed position, fixed size navbar respond horizontal scrolling not ever-present when user scrolls down page.

effectively, can't have position work 1 way in x direction , in y.

you can see mean option 2 editing following classes in twitter page using css inspector:

.global-nav .container {     width: auto;     max-width: 865px; } .global-nav, .global-nav-outer {     height: auto; }

the second selector implements vertical fluidity once contents can't fit in 1 row.

you can see mean option 3 making these changes:

.topbar {     position: absolute;     /* ... rest */ }

edit

of course, can't done in css doesn't mean can't done @ all. here's jsfiddle implementing script mentioned. uses mootools opposed jquery, use bootstrap.

the fiddle: http://jsfiddle.net/uaddw/4/
full screen version better see effect: http://jsfiddle.net/uaddw/4/show/

(thanks @sherbrow providing base fiddle made one).


Comments

Post a Comment

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

-
i trying reposotries using c# code process svncommand = null; var psi = new processstartinfo("svnadmin"); psi.redirectstandardoutput = true; psi.redirectstandarderror = true; psi.useshellexecute = false; psi.arguments= @"dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump"; using (svncommand = process.start(psi)) { var myoutput = svncommand.standardoutput; var myerror = svncommand.standarderror; debug.write("output :" + environment.newline + environment.newline + myoutput.readtoend() + environment.newline + "error :" + environment.newline + environment.newline + myerror.readtoend()); svncommand.close(); } when use dump command commandline svnadmin dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump it works fine when try ...
Read more

c++ - Using OpenSSL in a multi-threaded application -

-
i have been writing soap client application in c++ on ubuntu using openssl https transport , pthreads threading. have number of threads - 1 central data acquisition thread periodically gets worker threads make soap requests via shared mutex protected queues. reading documentation openssl found is openssl thread-safe? in openssl faq describes mechanisms required ensure thread safety when using openssl. implemented , works fine. the reason question conceptual difficulty really. thinking implementing same functionality application has already, instead of using threads, create 2 seperate applications : 1 worker thread (of multiple copies running) , main data acquisition thread. use tcp sockets communicate between 2 rather mutex protected queues. may bad idea not important - confusing me would have implement same functions required ensure openssl thread safety in second approach or not? my guess not have , treated independent (indeed surely must many applications use openssl) re...
Read more

All overlapping substrings matching a java regex -

-
is there api method returns (possibly overlapping) substrings match regular expression? for example, have text string: string t = 04/31 412-555-1235; , , have pattern: pattern p = new pattern("\\d\\d+"); matches strings of 2 or more characters. the matches are: 04, 31, 412, 555, 1235. how overlapping matches? i want code return: 04, 31, 41, 412, 12, 55, 555, 55, 12, 123, 1235, 23, 235, 35. theoretically should possible -- there obvious o(n^2) algorithm enumerates , checks substrings against pattern. edit rather enumerating substrings, safer use region(int start, int end) method in matcher . checking pattern against separate, extracted substring might change result of match (e.g. if there non-capturing group or word boundary check @ start/end of pattern). edit 2 actually, it's unclear whether region() expect zero-width matches. specification vague, , experiments yield disappointing results. for example: string line = "xx90xx"; strin...
Read more