html – Bootstrap内联表单在低宽度上没有响应？

概述我使用bootstrap做了一个内联表单.如果我尝试最小化或缩小浏览器的宽度,它无法响应.不确定,但引导带内联形式不响应？控件彼此混淆.我不能改变页面的设计.请指导我如何纠正这个问题,而不是以干净清晰的方式混乱和反应. 好的时候可以全格形成： 窗体最小化浏览器或屏幕宽度减少时： 这是我的标记： <div class="row"> <div class="col-md-4"> <di 我使用bootstrap做了一个内联表单.如果我尝试最小化或缩小浏览器的宽度,它无法响应.不确定,但引导带内联形式不响应？控件彼此混淆.我不能改变页面的设计.请指导我如何纠正这个问题,而不是以干净清晰的方式混乱和反应.

好的时候可以全格形成：

窗体最小化浏览器或屏幕宽度减少时：

这是我的标记：

<div >    <div >    <div >    Round:    </div>    <div >    <input  type="text" ID="roundNumber"  value="<%= Model.Round %>" />    </div>    </div>    <div >    <input type="button"  onclick="displayRound()" value="display">    </div>    <div >    <input type="button"  onclick="exportHistory()" value="Export history"></div>        </div>

解决方法 您可能希望使用类前缀.col-xs-而不是md Grid Options：

<div >    <div >        <div >Round:</div>        <div >            <input  type="text" ID="roundNumber" value="<%= Model.Round %>">        </div>    </div>    <div >        <input type="button"  onclick="displayRound()" value="display">    </div>    <div >        <input type="button"  onclick="exportHistory()" value="Export history">    </div></div>

总结

以上是内存溢出为你收集整理的html – Bootstrap内联表单在低宽度上没有响应？全部内容，希望文章能够帮你解决html – Bootstrap内联表单在低宽度上没有响应？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。