为了账号安全,请及时绑定邮箱和手机立即绑定

我没有加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>


正在回答

5 回答

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

0 回复 有任何疑惑可以回复我~

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


0 回复 有任何疑惑可以回复我~

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

混乱了。

0 回复 有任何疑惑可以回复我~
#1

断丶章 提问者

<head>里用的link引入的本地的css,body里调用的是JS啊 css与JS两个东西
2017-06-05 回复 有任何疑惑可以回复我~

你哪里是在用Bootstrap?

0 回复 有任何疑惑可以回复我~

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


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号