小编Jes*_*Sam的帖子

我正在为我的标签之一使用 text-nowrap 类，以防止它在正常的桌面视图中换行。但是，当我尝试调整浏览器大小以检查响应能力时，它失败了。标签位于我的输入字段后面。

下面是我的 HTML 代码

<form role="form" class="form-horizontal">
  <div id="box" class="box-body" role="dynamic-fields">
     <div class="inline-form" id="inline-form">
        <div class="row clone">
           <div class="col-md-6">
              <div class="form-group">
                 <label style="" for="inputPackageName" class="col-sm-3 control-label">Package
                    Name </label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" id="inputPackageName" placeholder="Package Name">
                    </div>
                </div>
            </div>
            <div class="col-md-6">
              <div id="sample" class="form-group">
                 <!-- style="margin-left: -8%;" -->
                 <label for="inputApplicationName"
                 class="col-sm-3 control-label text-nowrap">Application Name</label>
                 <div class="col-sm-8">
                    <input type="text" class="form-control" id="inputApplicationName"
                    placeholder="Package Name">
                </div>
                <button id="btn-close" class="btn btn-box-tool closebutton">
                    <i class="fa fa-times"></i>
                </button>
            </div>
        </div>
    </div>
</div>
</div>
</form> …

我正在使用我的 Intellij IDE 在本地机器上运行 Kafka 生产者，生产者将生产一百万条记录。这样做时，我想通过以下方式捕获生产者指标：

我知道 kafka 的 JMX 端口，我确实尝试将 Kafka JMX 端口设置为 9999。但我不确定我们是否可以按照我期望的上述方式使用 JConsole 或 JVisualVM 获取指标。

任何人都可以提出有关如何实现这一目标的任何想法吗？

我正在使用包含添加和关闭按钮的 jquery 动态创建一个 div。我正在使用 Bootstrap 工具提示添加和关闭按钮。我面临的问题是，即使鼠标悬停在其他添加按钮上，第一个添加按钮的工具提示也不会隐藏。第一个添加按钮的工具提示保持原样。（参考屏幕截图）关于如何隐藏它的任何想法。

我正在使用 jquery clone 方法来创建动态 div。

$(document).on('click', ".addFilesBtn", function(e) {
 e.preventDefault();
 $(".appendClass:first").clone().appendTo".addFiles");
 $('.closeFilesBtn').show();
 $('.closeFilesBtn:first').hide();
});

同样为了隐藏工具提示，我使用了下面的代码，但第一个工具提示仍然没有被隐藏。

$(document).on('mouseleave','[data-toggle="tooltip"]', function(){
      $(this).tooltip('hide');
});

更新的 HTML 代码

<div class="row addFiles">
    <div class="appendClass" style="margin-bottom: 1.5%;">
        <label style="white-space: nowrap;" class="responsive-enter-details col-sm-3 control-label">Select Files</label>
        <div class="col-sm-8 col-md-9">
            <div class="fileinput fileinput-new" data-provides="fileinput">
                <div class="form-control" data-trigger="fileinput">
                    <i class="glyphicon glyphicon-file fileinput-exists"></i> <span class="fileinput-filename">Click to select file</span> <i class="fa fa-upload pull-right"></i>
                </div>
                <input id="inputfile" type="file" style="display: none;">
            </div>
        </div>
        <button class="btn btn-box-tool addFilesBtn" data-toggle="tooltip" title="Click to …

我正在尝试使用Bootstrap 4的对齐帮助器类在div中垂直对齐内容“ ABC Company”。但无法做到。我正在使用以下代码。

<div class="container" style="width: 740px;">
<div class="row">
  <div class="col-sm text-right" style="line-height: 20px; height: 20px; color:#004990; text-decoration:none; font-family:Helvetica, Arial, sans-serif; font-size:10px;">
      Your Account
  </div>
</div>
<div class="row">
  <div class="col-sm text-center" style="background-color:#0471AF; height:100px;">
    <span class="align-middle">ABC Company</span>
  </div>
</div>

请指出我想念的是什么！