twitter-bootstrap - 水平收音机和 FormValidation 插件

Question

我在使用 FormValidation 插件 ( http://formvalidation.io/getting-started/ ) 很好地实现水平表单验证时遇到了麻烦，我查看了文档但没有找到解决方案。立式收音机工作正常。我附上了一个例子。我想使用水平收音机的原因只是为了节省一些模态空间。

Answer 1

请从您的水平收音机中给我们您的 HTML 和 CSS 代码，以便我们为您提供可能的解决方案。

这个例子对我有用：

 <div class="form-group">
  <label class="radio-inline">
    <input type="radio" name="radioname" value="1">One
  </label>
  <label class="radio-inline">
    <input type="radio" name="radioname" value="2">Two
  </label>
  <label class="radio-inline">
    <input type="radio" name="radioname" value="3">Three
  </label>
</div>

这是示例中的图像

Answer 2

将您的单选按钮和标签放在一个类名为“ whaterver ”的 div 中

然后在css下面添加

.whaterver small.help-desk{
    display:block;
}

试试这个代码然后运行。

如果您没有得到想要的输出，请将您的 html 代码放在这里以提供工作 url，以便我们能够理解并提供正确的解决方案。

谢谢