html - 输入响应宽度 Bootstrap

标签 html css twitter-bootstrap input

我想将输入的宽度从 100% 更改为 50%,并且在调整浏览器窗口大小时将其置于中心并响应。

    <!DOCTYPE html>
<html>
<head>
    <title>teste</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <div class="row">
            <form class="form">
                <input type="email" class="form-control" id="exampleInputEmail1">
            </form>
        </div>

    </div>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>
</html>

最佳答案

#exampleInputEmail1 {
    width: 50%;
    display: block;
    margin: 0 auto;
}

Jsfiddle:https://jsfiddle.net/ygvhs676/1/

关于html - 输入响应宽度 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41081568/

相关文章:

html - 是否可以将第二个 child 的宽度设置为行列表中最大的一个?

php - Codeigniter 通过单击按钮更改表单操作

jquery - 到达浏览器窗口顶部时如何创建粘性导航?

javascript - 当用户使用 jQuery 在其外部单击时隐藏 DIV

css - 使用 bootstrap-4 的 Material 设计输入

css - Bootstrap 工具提示在 nav nav-sidebar 类中不起作用

html -::after 选择器未正确显示

PHP解析一个HTML页面并输出某个div

javascript - 网页加载部分向下滚动

html - 使用 Bootstrap 的列中的高度相同