Question

如何在两个单选按钮之间更改垂直空间（使其变小）？这是我的代码：

<div class="form-check">
<label class="custom-control custom-radio">
    <input name="cat" type="radio" class="custom-control-input" value="1">
    <span class="custom-control-indicator margintop0"></span>
    <span class="custom-control-description">Yes</span>
</label>
</div>
<div class="form-check">
<label class="custom-control custom-radio">
    <input id="mixed0" name="cat" type="radio" class="custom-control-input" value="0">
    <span class="custom-control-indicator margintop0"></span>
    <span class="custom-control-description">No</span>
</label>

Fiddle

由于

Answer 1

您可以margin-bottom:0; .custom-control以及margin-bottom: 0; <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>EasyNotes</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> **<link rel="stylesheet" type="text/css" href="app/style-components/reset.css">** </head> <body> <app-root></app-root> </body> </html>

更新fiddle

Bootstrap 4 alpha 6形式检查 - 减少垂直空间

1 个答案: