Here you can see the selected option

when adding secondary level links under multiple primary links, all drop down menus show under first primary link only.

<nav id="primary">
            <ul>
                <li>
                    <a href="#">Link1</a>
                        <ul>
                                <li><a href="#">sublink1</a></li>
                            <li><a href="#">sublink1</a></li>
                        </ul>
                </li>
                <li>
                     <a href="#">Link2</a>
                        <ul>
                            <li><a href="#">sublink2</a></li>
                            <li><a href="#">sublink2</a></li>
                        </ul>
                </li>

            </ul>
        </nav

OS : Mac OS X 10.6.8
Browser : Google Chrome 13.0.782.220, Firefox, Safari
Native resolution : 1280 x 800

Set browser width to 1280px. When there's no scrollbar on the page (not enough text on the page) the CSS behaves like if it was "Browser Large" instead of "Tablet Landscape / Browser Small". So the white block sticks to the left instead of being centered.

Quick fix :

1. Resize down the browser just 1px to the left (bad solution).
2. Replace @media only screen and (min-width: 1280px) { by @media only screen and (min-width: 1281px) { in workless.css.

Perhaps it has the same behavior with the other resolutions.

I don't know where it's coming from yet but IE 7,8 and I believe 9 show up as a mobile in regards to CSS queries.

Any idea what would be causing it?

I use this aaaaall the time as of recently and if you have any changes needed, I will complete em for ya and submit a pull if you like ^_^

Hi iKreativ!
If you can try to open your demo, scoll a bit of page and hover on "Boilerplate" and "Twitter" links, the tooltip isn't on the top of links.

I'm using Firefox 6 on Ubuntu.

A thing i really like about Twitter Bootstrap is, that the styles are based on less (http://lesscss.org/). As far as i can see your project only provides the css output so far?

I wanted to try this framwork, and i can't because it's need a localy webserver, because the downloaded pack don't see the css's it has a minified.css.php, and it's read them.

I think its not too frendly, because if i want to try it, i don't want to use webserver. What do you think?

Size: Tablet Portrait
OS: Ubuntu 11.04
Browser: Google Chrome 13.0.782.218

On first page load, the text is crunching together peculiarly, and expanding past what should be it's constraining box. Problem disappears after refreshing the page, but can be replicated by closing page and re-opening. Will work on getting picture representation later as time permits.

I found this issue while developing form in Google Chrome v30.0.1.xxx.
I've attached snapshots showing this issue.

[Chrome v30.0.1.xxx]

FYI

your responsive css hides all select elements on the page and only shows them when the menu also changes to select (i.e. for small screens).

Css .selector element is used by both.

The main (white) block is not centered inside the container. In fact when resizing down the browser you can clearly see that the left border is 2 times much smaller than the right one.

I've noticed in workless.css that the #main width misses 50px. So for exemple changing :

@media only screen and (min-width: 1025px) {

    p { font-size: 14px; }

    .container {
        width: 1024px;
        margin: 0 auto;
    }

    #main {
        width: 924px;
    }

to :

@media only screen and (min-width: 1025px) {

    p { font-size: 14px; }

    .container {
        width: 1024px;
        margin: 0 auto;
    }

    #main {
        width: 974px;
    }

solves this issue. Not sure about the calculations but changes certainly also have to be made to others classes inside the media query like .container, .one_full etc.

Hi, could you please tell me how can the blue button (media queries indicator) be disable.

I'm a Designer not a Programmer.

Thank you.

The uniform plugin code contains this:

n=e('<div style="width:0;height:0;color:'+a+'">')

This doesn't work in Internet Explorer 10, as the browser gets a syntax error exception when you try to insert an unclosed element which should be closed.

The fix is to either self-close the tag or add the closing .

hey guys.
i find in forms of selects element has a problem.
when i click select it,the style wrong.
see the screenshot.

chrome 28

ie9

Please create button styling for "button tags" and "input type button tags" rather than "a tags"

Screenshot

padding-right: 0; is set on the .alert class, but it makes the alert look weird on smaller viewports.

Just thought I'd ask before doing it anyway for my own purposes.
Followed your work for sometime via Phil Sturgeon (ex desk buddy).