Jquery 尝试将其环绕class=row,但仍然可以';无法使输入表单栏变长

Jquery 尝试将其环绕class=row,但仍然可以';无法使输入表单栏变长,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我正试图组织我的标题部分。我想输入栏和按钮是col-md-8,关于和联系按钮是col-md-4。我希望输入栏比“提交反馈”按钮大得多,这个按钮应该是关于col-md-2的 这是我目前的代码。请实际编辑我的代码,然后发布新版本。这对我来说是最容易实现和学习的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap Fo

我正试图组织我的标题部分。我想输入栏和按钮是col-md-8,关于和联系按钮是col-md-4。我希望输入栏比“提交反馈”按钮大得多,这个按钮应该是关于col-md-2的

这是我目前的代码。请实际编辑我的代码,然后发布新版本。这对我来说是最容易实现和学习的

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Bootstrap For Beginners</title>
    <meta name="description" content="Hello World">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">

<style>

    .nav button {
        padding: 15px;
        font-size: 15px;
        margin: 10px;
    }

</style>

</head>

<body>
    <div class="nav">
        <div class="container-fluid">
            <form class="form-inline">
                <div class="form-group">
                    <div class="row">
                        <div class="col-lg-6">
                    <input type="text" class="form-control input-lg" id="exampleInputFeedback" placeholder="Have Feedback?">
                        </div>
                    </div>
                </div>

                    <button type="submit" class="btn btn-success">Submit Feedback</button>
                    <button type="link" class="navpill pull-right"><a href="#"></a>About</button>
                    <button type="link" class="navpill pull-right"><a href="#"></a>Contact</button>

            </form>
        </div>
    </div>

    <div class="jumbotron">
        <div class="container-fluid">
            <div class="row">
                <h1>Student</h1>
                <h1>Business</h1>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="container-fluid">
            <p>By:</p>
            <p>For:</p>
        </div>
    </div>

    <!-- Latest compiled and minified JavaScript -->
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</body> 
</html>

初学者引导
.导航按钮{
填充:15px;
字体大小:15px;
利润率:10px;
}
提交反馈
关于
接触
学生
生意
作者:

用于:


下面是一个例子来展示我目前写的东西

在讨论
输入
按钮
的大小时,您已经在讨论特定引导的网格大小,因此我认为您应该简单地将
划分为这些列,并在每列中使用
按钮
。如果添加类
.btn块
,它将占据列宽度的100%

请参见此示例(如果您需要,我可以将其应用于您的代码):


提交
接触
关于

尝试将
更改为
@henry Lee,很抱歉,当我添加了一个提琴/答案时,我不知何故忽略了标题中包含的Boostrap CDN链接。这已得到纠正。希望它能准确地描述您所面临的问题。@KyleT:请注意,编辑是由社区版主批准的,而不是文章作者。您能将其添加到我的代码中吗?这将非常有帮助。我在submit按钮中添加了btn块,它确实跨越了整个长度,但我希望表单更长一些,但整个块仅限于col-md-8左右。我将如何将该解决方案应用于我的问题?