如何正确格式化 Bootstrap 输入字段答案

【问题标题】：How to format Bootstrap input field right如何正确格式化 Bootstrap 输入字段
【发布时间】：2014-12-30 03:45:44
【问题描述】：

我的输入字段（type="text"）如下所示：

编辑：@ckuijjer，代码示例：

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" />
<form action="#" name="newForm" id="newForm" class="panel">
  <fieldset class="form-group">
    <legend>Form New Sth</legend>
    <div class="form-group" align="left">
      <label for="Name">Name</label>
      <input type="text" name="name" id="name" class="form-control" placeholder="Input here..." />
      <span id='name-error'></span>
    </div>
    <div class="form-group" align="left">
      <label for="district">District</label>
      <input type="text" name="district" id="district" class="form-control" />
      <span id='district-error'></span>
    </div>
  </fieldset>
</form>

名称字段中包含文本，但只能看到其中的一些像素，并且输入字段（区域）的边框也不可见。这仅发生在文本输入字段中，不适用于数字类型。

表单位于 Meteor 项目中，并添加了包 mizzao:bootstrap-3。

@ckuijjer：实际上你是对的。我正在本地市场应用程序上构建一个应用程序，这是一个 MIT 许可的 MeteorJS 框架示例应用程序：

https://github.com/meteor/meteor/tree/devel/examples/localmarket

以下是样式表文件：

https://github.com/meteor/meteor/tree/devel/examples/localmarket/client/stylesheets

难道没有一个简单的解决方案可以覆盖全局设置吗？

我认为有人可能以前遇到过这个问题并且可能知道答案。

【问题讨论】：

有html例子吗？
我已将您的 html 示例转换为代码 sn-p，但没有看到问题发生。可能 Bootstrap 不是唯一的 CSS，额外的 CSS 破坏了 Bootstrap 输入字段的样式

标签： html input meteor twitter-bootstrap-3

【解决方案1】：

让我们试试css：-

填充：0;

【讨论】：

试过了，不起作用，但用 CSS/LESS 调整应该可以，只是我刚开始使用这些，不知道如何。

【解决方案2】：

我猜我找到了解决方案：

在文件夹client/stylesheets/globals我刚刚注释掉了整个文件form.import.less。

现在输入表单的样式类似于上面的示例。再次感谢@ckuijjer。

【讨论】：