HTML / CSS避免在新行上开始文本字段

Question

I'm using the bootstrap framework and i am trying to make it fluid, so it views "perfect" on every device. However i am currently experiencing a problem which i can't solve. The textfield starts on a new line at some point when you resize it. (Live Demo: http://veiling.jamieknoef.nl , the login textfields) It should stay in line.

Any suggestions?

Answer 1

Try:

.login { min-width: 140px; }

That being said. Once the screen starts to get that narrow you need to look at possiby rearranging your layout as its going to have all sorts of problems on smaller devices - which is where media queries come in.