引导CSS问题

我有点困惑如何使用引导CSS。我有两个文本框，一个搜索按钮和一个图片。对于全屏显示，所有元素应在一行中

调整屏幕大小时，所有元素应一个接一个

姓名：
城市：
搜寻

您可以在这两个表单组div上添加display:inline块

姓名：
城市：
搜寻

有一个图像响应类：

您可以尝试添加：

<img class="img-responsive" src="xx.jpg" />

---

尝试将此添加到您的代码中

显示：内联

，即，用此替换顶行

<div class="form-group" style="vertical-align: top; margin-right: 20px; display: inline">

---

您需要使用

显示：内联块属性

<div class="form-group" style="display:inline-block; vertical-align: top; margin-right: 20px;">
    <label for="name" style="color: #eea236">
        name:</label>
    <input type="text" class="form-control" placeholder="name" name="name" />
</div>
<div class="form-group" style="display:inline-block; vertical-align: top; margin-right: 20px;">
    <label for="organization" style="color: #eea236">
        City:</label>
    <input type="text" class="form-control" placeholder="organization" name="organization" />
</div>

<button class="btn btn-warning" type="submit" style="vertical-align: top; margin-right: 20px">
    Search</button>


<img src="xx.jpg" />


姓名：
城市：
搜寻
您不必添加任何内联css。引导中有一个内置功能，可以将文本框、按钮等并排放置在一行中

您的表单应包装在
标记中

<form class="form-inline" role="form">
   *Your form groups here.*
</form>


*你的表格在这里分组*

这将使表单组显示为内联，具体取决于浏览器的宽度。它还应该具有响应性。

<form class="form-inline">
    <div class="form-group">
        <label for="name">Name:</</label>
        <input type="text" class="form-control" id="name" placeholder="Name">
    </div>
    <div class="form-group">
        <label for="city">City:</</</label>
        <input type="text" class="form-control" id="city" placeholder="City">
    </div>
    <button type="submit" class="btn btn-warning">Search</button>
    <img class="img-responsive" src="xx.jpg" />
</form>

名称：

名称：/label>
城市：
搜寻
这是引导中使用的简单内联表单代码。请编辑更多信息。不鼓励只编写代码和“试试这个”答案，因为它们不包含可搜索的内容，也不解释为什么有人应该“试试这个”。我们努力成为知识的源泉。
<div class="form-group">
        <label class="col-xs-2 control-label" style="color:eea236">name:/label>
 <div class="col-xs-3"> 
        <input type="text" class="form-control" placeholder="name" name="name"/>
    </div>
<label for="organization" style="color: #eea236">City:</label>
<div class="col-xs-3">  
 <input type="text" class="form-control" placeholder="organization" name="organization" />
</div>
<div class="col-xs-3">
 <button class="btn btn-warning" type="submit">Search</button>
</div> <img src="xx.jpg" />
    </div>