<!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">????????
????????<!--?以下兩個插件用于在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">請填入Email地址</label>
????????<input?type="text"?id="email"?placeholder="請輸入Email地址">
????<!--?</div>?-->
????</form>
????????
????????<!--?如果要使用Bootstrap的js插件，必須先調入jQuery?-->
????????<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
????????<!--?包括所有bootstrap的js插件或者可以根據需要使用的js插件調用 -->
????????<script?src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>?
????</body>
</html>
2019-07-30
你在瀏覽器打開看看，就知道區別了，可視寬度超過768px的時候會把div從block元素變成inline-block元素
2017-09-15
同問。感覺form-group容器只對input標簽起到不換行的作用，對label標簽沒什么影響。。。不加sr-only的label放在容器外也不會換行。。。
2017-06-01
你在做什么？<head>里調用了一次本地bootstrap，而且不是用link調用的吧，然后<body>又調用一次在線bootstrap？
混亂了。
2017-05-10
你哪里是在用Bootstrap?
2017-04-19
<form action="" class="form-inline">
? ? <!-- <div class="form-group"> -->
? ? ? ? <label for="email">請填入Email地址</label>
? ? ? ? <input type="text" class="form-control" id="email" placeholder="請輸入Email地址">
? ? <!-- </div> -->
? ? </form>