使用 Twitter Bootstrap 为 UI 创建了一个简单的注册表单后,我发现我遇到了一个意想不到的问题。您会看到,有些表单行是可点击的,而有些则不是。但是,您可以切换到所有行并输入信息,然后将其正确写入数据库。所以,我的猜测是这是一个 CSS 问题。我还没有编写任何会导致此问题的 JavaScript。
有人有想法么?该页面可以在这里找到:
使用 Twitter Bootstrap 为 UI 创建了一个简单的注册表单后,我发现我遇到了一个意想不到的问题。您会看到,有些表单行是可点击的,而有些则不是。但是,您可以切换到所有行并输入信息,然后将其正确写入数据库。所以,我的猜测是这是一个 CSS 问题。我还没有编写任何会导致此问题的 JavaScript。
有人有想法么?该页面可以在这里找到:
尝试form-horizontal
在表单中添加类:
<form class="form-signin form-horizontal" role="form" action="registration.php" method="post">
查看您的 html,我发现您使用的是水平表单,但您并没有完全遵循bootstrap 3 文档。而且您还添加了自己的额外 css 来影响 col-md-x 类的左右边距(这不是一个好主意),使其看起来不错。尝试密切关注文档中的示例,并避免更改任何 col-xy 类的左右边距或填充。