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

原文 标签 javascript jquery html css twitter-bootstrap

如您所见,HERE我的网站有一个Div(id =“ basic-addon13”),当单击表(id =“ table”)上的值时,其内容也会更改。

这在PC上可以完美运行,并且在移动设备上也可以正常使用,因为我正在使用Bootstrap行来分配内容。

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

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

代码: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/

相关文章:

javascript - 当选择表单中的七个值之一时,试图显示一个复选框

jquery - 如何为jQuery悬停选择器使用<lid>?

jquery - rails : slideUp() is working but with no transition

javascript - 如何将菜单的子菜单更改为每个父级的底部

javascript - HTML5拖拽的setDragImage特征检测

javascript - 使用 promise.all 组合两个 promise

javascript - Javascript-如何处理单引号?

asp.net - PlaceHolder 和 <div/> 有什么区别?

javascript - 查询 - 通过 href 打开列表元素并显示选定的 div

javascript - Backbone : synchronizing Models and LocalStorage