<p dir="auto">When you have .col-xs-11 and .col-xs-1 in a single row, it will break into two rows for very small resolution. .col-xs-10 and .col-xs-2 are okay.</p>
<p dir="auto">See the screenshot: I thougt that these blocks must be in one row, but they are not. Why? XS layout must have 12-rows grid too.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/cf31b8d774cd4582c58da9b23f899613c27f069146cd584b1828cdac7d3fe2e0/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f353430363032392f313130313139392f37313138326536382d313762312d313165332d393435382d3961393337643766383365302e706e67"><img src="https://camo.githubusercontent.com/cf31b8d774cd4582c58da9b23f899613c27f069146cd584b1828cdac7d3fe2e0/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f353430363032392f313130313139392f37313138326536382d313762312d313165332d393435382d3961393337643766383365302e706e67" alt="bootstrap-wrap" data-canonical-src="https://f.cloud.github.com/assets/5406029/1101199/71182e68-17b1-11e3-9458-9a937d7f83e0.png" style="max-width: 100%;"></a></p>