问答详情
源自：3-13 表单控件状态(验证状态)

为什么我在bootstrp中文网上下的3.3.7版本显示不出后面的图标？

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>demo</title>

<link rel="stylesheet" href="css/bootstrap.min.css">

</style>

</head>

<body>

<form role="form">

  <div class="form-group has-success has-feedback">

    <label class="control-label" for="inputSuccess1">成功状态</label>

    <input type="text" class="form-control" id="inputSuccess1" placeholder="成功状态" >

    <span class="glyphicon glyphicon-ok form-control-feedback"></span>

  </div>

  <div class="form-group has-warning has-feedback">

    <label class="control-label" for="inputWarning1">警告状态</label>

    <input type="text" class="form-control" id="inputWarning1" placeholder="警告状态">

    <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>

  </div>

  <div class="form-group has-error has-feedback">

    <label class="control-label" for="inputError1">错误状态</label>

    <input type="text" class="form-control" id="inputError1" placeholder="错误状态">

    <span class="glyphicon glyphicon-remove form-control-feedback"></span>  

  </div>

</form>

</body>

</html>


提问者：weixin_慕虎4485265 2019-12-23 17:44

个回答

  • 慕工程328861
    2020-01-02 20:25:36
    已采纳 

    <head><meta charset="utf-8"><title>demo</title><link rel="stylesheet" href="css/bootstrap.min.css"></style></head>

    <head>

    <meta charset="utf-8">

    <title>demo</title>

    <link rel="stylesheet" href="css/bootstrap.min.css">

    </style> //这行多余了，导致html出错了吧

    </head>


    0
  • 慕工程328861
    2020-01-02 20:27:04

    <head>
<meta charset="utf-8">
<title>demo</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>


    0