同一行中的引导图像答案

【问题标题】：Bootstrap Image in same line同一行中的引导图像
【发布时间】：2015-07-29 00:59:50
【问题描述】：

我想在此下拉列表右侧的同一行上放置一个图像（信息图标），使用下面的代码按钮会出现在新行上？

 <div class="form-group">

                        <label class="control-label col-sm-4" for="insur1">Insurance</label>
                            <div class="col-sm-8 col-md-6">
                            @(Html.Kendo().DropDownList()
                                .Name("insurance")
                                .DataTextField("Text")
                                .DataValueField("Value")
                                .Value("Yes")
                                .BindTo(new List<SelectListItem>() {
                                      new SelectListItem() {
                                          Text = "Yes",
                                          Value = "true"
                                      },
                                      new SelectListItem() {
                                          Text = "No",
                                          Value = "false"
                                      }
                                  })
                            )

                        </div>
                        <img style="float:right" src="~/Images/info.png" class="img-responsive" alt="Info">
                        </div>

【问题讨论】：

标签： asp.net-mvc twitter-bootstrap razor kendo-ui

【解决方案1】：

 <div class="form-group">
        <label class="control-label col-sm-4" for="insur1">
            Insurance</label>
        <div class="col-sm-8 col-md-6">
            <select style="float: left;">
                <option>asdf</option>
                <option>asdf</option>
                <option>asdf</option>
            </select>
            <img style="float: left" src="/Images/small.png" class="img-responsive" width="20"
                height="20" alt="Info">
        </div>
    </div>

【讨论】：