How to make a stretchable input field in ZURB foundation?

Question

HTML

How to correctly stretch the input field to all available space without translating to a new line? Thanks in advance
Here is the code:

.large-10.expanded.column
            .top-bar
                .top-bar-title
                    h1.logo
                        a(href="#")
                            img(src="http://placehold.it/70x150&text=LOGO", alt="Logo")
                .top-bar-left.expanded
                    ul.menu
                        li
                            input.expanded(type="search", placeholder="Search")
                        li
                            button.button(type="button") Search