如何格式化Bootstrap输入字段

时间:2014-12-29 13:04:24

标签: html input meteor twitter-bootstrap-3

我的输入字段(类型="文字")如下所示:

input field error

编辑:@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>
&#13;
&#13;
&#13;

“名称”字段中包含文本,但只能看到它的某些像素,输入字段(区域)的边框也不可见。这只发生在文本输入字段中,而不是数字类型。

表单位于Meteor项目中,包含mizzao:bootstrap-3。

@ckuijjer:其实你是对的。我正在构建一个应用程序到localmarket App,这是一个MIT授权的MeteorJS框架示例应用程序:

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

以下是样式表文件:

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

是否有一个简单的解决方案会覆盖全局设置?

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

2 个答案:

答案 0 :(得分:1)

让我们尝试使用css: -

填充:0;

答案 1 :(得分:0)

猜猜我找到了解决方案:

client/stylesheets/globals文件夹中,我只注释掉了整个文件form.import.less

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