<!DOCTYPE?html>
<html>
????<head>
????????<meta?charset="utf-8">
????????<meta?http-equiv="X-UA-Compatible"?content="IE=edge">
????????<meta?name="viewport"?content="width=device-width,?initial-scale=1">
????????<title>Bootstrap模板</title>???
????????<!--?Bootstrap?-->
????????<link?href="../css/bootstrap.css"?rel="stylesheet">
????????<!--你自己的樣式文件,保證引用自己的在官方的文件下面即可?-->
????????<link?href="../css/your-style.css"?rel="stylesheet">????????
????????<!--?以下兩個(gè)插件用于在IE8以及以下版本瀏覽器支持HTML5元素和媒體查詢,如果不需要用可以移除?-->
????????<!--[if?lt?IE?9]>
????????<script?src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
????????<script?src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
????????<![endif]-->
????</head>
????<body>
????<form?action="">
????<!--?<div>?-->
????????<label?for="email">請(qǐng)?zhí)钊隕mail地址</label>
????????<input?type="text"?id="email"?placeholder="請(qǐng)輸入Email地址">
????<!--?</div>?-->
????</form>
????????
????????<!--?如果要使用Bootstrap的js插件,必須先調(diào)入jQuery?-->
????????<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
????????<!--?包括所有bootstrap的js插件或者可以根據(jù)需要使用的js插件調(diào)用 -->
????????<script?src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>?
????</body>
</html>
2019-07-30
你在瀏覽器打開看看,就知道區(qū)別了,可視寬度超過768px的時(shí)候會(huì)把div從block元素變成inline-block元素
2017-09-15
同問。感覺form-group容器只對(duì)input標(biāo)簽起到不換行的作用,對(duì)label標(biāo)簽沒什么影響。。。不加sr-only的label放在容器外也不會(huì)換行。。。
2017-06-01
你在做什么?<head>里調(diào)用了一次本地bootstrap,而且不是用link調(diào)用的吧,然后<body>又調(diào)用一次在線bootstrap?
混亂了。
2017-05-10
你哪里是在用Bootstrap?
2017-04-19
<form action="" class="form-inline">
? ? <!-- <div class="form-group"> -->
? ? ? ? <label for="email">請(qǐng)?zhí)钊隕mail地址</label>
? ? ? ? <input type="text" class="form-control" id="email" placeholder="請(qǐng)輸入Email地址">
? ? <!-- </div> -->
? ? </form>