javascript - 使用 JS 更改 div 的内容会破坏我在手机上的 Bootstrap 行对齐

标签 javascript jquery html css twitter-bootstrap

如你所见HERE我的网站有一个 Div(id="basic-addon13"),当单击表 (id="table") 上的值时,其内容会发生变化。

这在 PC 上完美运行,在移动设备上应该也能正常运行,因为我正在使用 Bootstrap 行来排列内容。

但在手机上实际发生的情况是,span 标签不会分两行显示,而只是部分显示。你可以看看HERE .

如何避免这种情况发生? bootstrap 行不应该将内容排列成两行而不是简单地“中断”吗?

代码:view-source:http://northgoal.com.ar/expedientes/alta.php?tipo=mov

最佳答案

在你的样式表中有一个属性 white-space: nowrap 应用于类 .input-group-addon, .input-group-btn

white-space: nowrap 属性不会根据元素宽度换行您的文本。

Refer: Using Boostrap class .input-group-btn and .input-group-addon

关于javascript - 使用 JS 更改 div 的内容会破坏我在手机上的 Bootstrap 行对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35526686/

相关文章:

php - 向下滚动时如何停止页面顶部的导航栏

javascript - 按名称迭代选择对象

php - 如何从数据库内部数据表下载 Canvas 图像

javascript - 在同一级别的 div 上创建一个 toggleClass?

html - 垂直对齐自动调整图像大小以适应轮播

javascript - 带有内容的 div 可以有自己的特定变量吗?

javascript - 有人可以用 Javascript 解释 .indexOf() 的逻辑吗?

javascript - 如果 cookie 不存在警报和重定向

html - 如何在使用图像类型按钮以 HTML 表单提交时删除 x 和 y?

javascript - 如何将一个模式对象推送到另一个模式对象的数组属性中?