问答详情
源自:3-3 内联表单

我没有加form-group的div且label也没加sr-only也没有换行啊,form-group的div似乎没什么用啊

<!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>


提问者:断丶章 2017-04-19 17:43

个回答

  • 狮砸sz
    2019-07-30 14:34:14

    你在浏览器打开看看,就知道区别了,可视宽度超过768px的时候会把div从block元素变成inline-block元素https://img.mukewang.com/5d3fe49c000104e001840161.jpg

  • 慕函数7042876
    2017-09-15 14:37:01

    同问。感觉form-group容器只对input标签起到不换行的作用,对label标签没什么影响。。。不加sr-only的label放在容器外也不会换行。。。


  • qq_安安_17
    2017-06-01 09:34:56

    你在做什么?<head>里调用了一次本地bootstrap,而且不是用link调用的吧,然后<body>又调用一次在线bootstrap?

    混乱了。

  • 慕哥5543641
    2017-05-10 14:01:23

    你哪里是在用Bootstrap?

  • 断丶章
    2017-04-19 17:45:22

    <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>