是否有适合div或span的Bootstrap CSS类使其看起来像输入?

时间:2014-12-04 11:38:39

标签: twitter-bootstrap input twitter-bootstrap-3

我正在尝试在页面上添加一些我想放在spandiv中的只读数据。我希望这看起来像一个Bootstrap输入字段。这类似于将类btn赋予div以使其看起来像一个按钮。

1 个答案:

答案 0 :(得分:9)

<fieldset disabled>
          <div class="form-group">
            <label for="disabledTextInput" class="col-sm-2 control-label">Disabled input and select list (Fieldset disabled)</label>
            <div class="col-sm-10">
              <input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input">
            </div>
          </div>
</fieldset>

工作小提琴 http://jsfiddle.net/4bvsbkr2/2/

更新

  <fieldset disabled>
          <div class="form-group">
            <label for="disabledTextInput" class="col-sm-2 control-label">Disabled input and select list (Fieldset disabled)</label>
            <div class="col-sm-10">
              <span class="form-control">
                  Disabled
                </span>
            </div>
          </div>
</fieldset>

小提琴 http://jsfiddle.net/4bvsbkr2/15/