Question

我正在使用vs 2016 ... 我下载了bootstrap 4.1.3，并在项目中添加了两个文件夹名称css和js。我在项目中添加了一个html页面，并将bootstrap.css链接到此页面的标题。问题是，当我想向HTML页面的正文中添加表单标签（带有表单水平类）时，Intellisense项列表中没有表单水平项。大多数引导项都在列表中，但是列表中没有水平表单和“行内插入”。我的表单也没有水平显示，而是垂直显示。

<!DOCTYPE html>
<html>
<head>
    <title></title>
	<meta charset="utf-8" />
    <link href="css/bootstrap.css" rel="stylesheet" />
</head>
<body>
    <form class="form-horizontal">

        <div class="form-group">
            <label for="email_id" class="control-label col-md-2">Email</label>
            <div class="col-md-10">
                <!-- This is a new div -->
                <input type="email" class="form-control" id="email_id" name="email_name" placeholder="name@domain.com">
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-10 col-sm-offset-2">
                <!--New div, offset because there is no label -->
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
        </div>

    </form>	
</body>
</html>

Answer 1

我刚刚加载了带有CDN链接的引导程序，它也可以工作，您还必须在HTML页面的末尾添加jquery和bootstrap js。从您的代码段中不包括jquery和bootstrap。您还需要包括它们。您可以从

下方编写的代码段中进行检查

<!DOCTYPE html>
<html>
<head>
    <title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
    <form class="form-horizontal">

        <div class="form-group">
            <label for="email_id" class="control-label col-md-2">Email</label>
            <div class="col-md-10">
                <!-- This is a new div -->
                <input type="email" class="form-control" id="email_id" name="email_name" placeholder="name@domain.com">
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-10 col-sm-offset-2">
                <!--New div, offset because there is no label -->
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
        </div>
    </form>	
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</html>

智能感知列表中没有水平形式的项目

1 个答案: