Question

编辑：

我已经在JsFiddle上更新了我的演示，请看一下。

我不确定是什么导致输入之间的空间，你可以看到它的非常不一致并给出空间，它缺少什么？

rulesets/java/rulesets.properties

Answer 1

您有两个.col-md-6个不相等的元素。下一个（第三个）.col-md-6将始终在下一行，从最高的兄弟姐妹下面开始。如果要删除该空格，则需要使第一个.col-md-6与第二个.select2相等，方法是在其内部元素周围添加更多填充（.col-XX-Y s。）。

更新。我注意到的另一件事是：为了从bootstrap的CSS中获益最多，你应该坚持使用它的'标记。您应该将.row作为.row-fluid或select2元素的直接子项。否则你会问自己为什么某些元素看起来错失一致，而且在不同的响应级别修复它们会很痛苦。

根据评论，我更新了您的fiddle。

为了使两列相等，我使.select2-container .select2-selection--single { height: 34px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 34px; } .select2-container { width: 100% !important; } s的高度与引导输入的高度相等：

@Override
public void start(Stage stage) {
    Button btn = new Button();
    btn.setText("Say 'Hello World'");
    btn.setOnAction((ActionEvent ae) -> {
        System.out.println("Hello World!");
    });

    StackPane root = new StackPane();
    root.getChildren().add(btn);

    Scene scene = new Scene(root, 300, 250);

    stage.setTitle("Hello World!");
    stage.setScene(scene);
    stage.show();
    for (int i = 0; i < 99999; i++) {
        System.out.println("Hello World # " + i);
    }

}

/**
 * @param args the command line arguments
 */
public static void main(String[] args) {
    launch(args);
}

请注意我也从你的html中删除了一些内联样式，它不仅仅是CSS。

使用bootstrap的元素之间的空间

1 个答案: