Question

我试图制作引导输入，如下所示：http://www.bootply.com/CGvw04ljGK
好！这个Bootply示例就是我想要的。但是当我在我的页面中尝试这个时，这不起作用。请注意，空格会像图像一样消失：

这是我的代码：

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link href="http://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/todo.css">
    <style type="text/css">
        #myPage{
            overflow-x:hidden;
        }
    </style>
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-8 col-md-offset-2 white-color">
                <h1>Cadastro de Produtos</h1>
                <form id="novoProdutoForm" method="post" class="form-horizontal container-fluid">
                    <div class="row">
                        <div class="col-md-4 form-group">
                            <input type="text" class="form-control">
                        </div>
                        <div class="col-md-4 form-group">
                            <input type="text" class="form-control">
                        </div>
                        <div class="col-md-4 form-group">
                            <input type="text" class="form-control">
                        </div>
                    </div>
                </form>   
            </div>
        </div>
    </div>
</body>
</html>

任何人都可以提供帮助？我想在输入之间放置空格。

由于

Answer 1

尝试在输入周围添加另一个div，如下所示：

<div class="col-sm-4">
    <div>
        <input class="form-control">
    </div>
</div>

让我知道它是否有效：）

Answer 2

从表单标记中删除表单水平类，您已做好准备：）

引导输入之间的空间不起作用？

2 个答案: