div 中的宽度相同，内部有较大或较短的文本

Question

我对框的大小有疑问，问题是有时框内的文本比其他框更大。我怎样才能让我的盒子有固定的宽度？是否有一个 Bootstrap 类可以做到这一点？

https://jsfiddle.net/tyxc4edf/

<div class="container">

    <div class="row justify-content-center">

        <div class="col-xs-12 col-md-12 col-lg-12 col-xl-12">

            <div class="progress my-4">

                <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="12" aria-valuemin="0" aria-valuemax="17" style="width: 70.588235294118%">

                </div>

            </div>

            <div class="col-md-12 ">

                <div class="card box-option-container justify-content-center  ">

                    <h2 tabindex="0" role="heading" class="text-center">

                       <div class="question-title">

                           ¿Estas abierto/a a viajar?

                        </div>

                    </h2>

编辑：最后一个框的宽度小于较大屏幕中的其他框。尝试增加 jsfiddle 中 HTML 部分的大小

Answer 1

添加带有选项类的 d-flex flex-column 类.row {&nbsp; background: #f8f9fa;&nbsp; margin-top: 20px;}.col {&nbsp; border: solid 1px #6c757d;&nbsp; padding: 10px;}// Fonts//@import url('https://fonts.googleapis.com/css?family=Nunito');// Variables@import 'variables';// Bootstrap//@import '~bootstrap/scss/bootstrap';@import "~bootswatch/dist/materia/bootstrap.min.css";@import '~toastr/toastr';@import "~animate.css/animate.css";// Font Awesome//@import '~@fortawesome/fontawesome-free/scss/fontawesome';//@import '~@fortawesome/fontawesome-free/scss/regular';//@import '~@fortawesome/fontawesome-free/scss/solid';//@import '~@fortawesome/fontawesome-free/scss/brands';/** Ajustes generales **/body {&nbsp; &nbsp; background-color: #F9F9F9;}.nav-login {&nbsp; &nbsp; box-shadow: none;&nbsp; &nbsp; color: $white!important;&nbsp; &nbsp; text-transform: capitalize;&nbsp; &nbsp; padding-top: 0.3rem;&nbsp; &nbsp; padding-right: 1rem;&nbsp; &nbsp; padding-bottom: 0.3rem;&nbsp; &nbsp; padding-left: 1rem;}.nav-login:hover {&nbsp; &nbsp; background-color: #b61825;}.nav-login a {}a {&nbsp; &nbsp; color: $white;}a:hover {&nbsp; &nbsp; color: $black;&nbsp; &nbsp; text-decoration: none;}.btn-mred {&nbsp; &nbsp; background-color: $mred;}.btn-mred:hover {&nbsp; &nbsp; background-color: $btn-mred-hover;}.bg-color {&nbsp; &nbsp; background-color: $bg-color;}/** Imagen Background **/body,html {&nbsp; &nbsp; height: 100%;}.bg {&nbsp; &nbsp; /* The image used */&nbsp; &nbsp; background-image: url("../imgs/imgparejas/couple-1030744.jpg")!important;&nbsp; &nbsp; /* Full height */&nbsp; &nbsp; height: 100%!important;&nbsp; &nbsp; /* Center and scale the image nicely */&nbsp; &nbsp; background-position: center;&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; background-size: cover;}.bg2 {&nbsp; &nbsp; /* The image used */&nbsp; &nbsp; background-image: url("../imgs/imgparejas/couple-1363967.jpg")!important;&nbsp; &nbsp; /* Full height */&nbsp; &nbsp; height: 100%!important;&nbsp; &nbsp; /* Center and scale the image nicely */&nbsp; &nbsp; background-position: center;&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; background-size: cover;}.bg3 {&nbsp; &nbsp; background-image: url("../imgs/imgparejas/couple-1329349.jpg")!important;&nbsp; &nbsp; /* Full height */&nbsp; &nbsp; height: 100%!important;&nbsp; &nbsp; /* Center and scale the image nicely */&nbsp; &nbsp; background-position: center;&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; background-size: cover;}.bg4 {&nbsp; &nbsp; background-image: url("../imgs/imgparejas/freestocks-org-t3mXTwuTWJ4-unsplash.jpg")!important;&nbsp; &nbsp; /* Full height */&nbsp; &nbsp; height: 100%!important;&nbsp; &nbsp; /* Center and scale the image nicely */&nbsp; &nbsp; background-position: center;&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; background-size: cover;}.mred {&nbsp; &nbsp; background-color: $mred;}.slogan {&nbsp; &nbsp; font-size: 15px;}.logo {&nbsp; &nbsp; font-size: 25px;}/** Card welcome ***/.welcome-card {&nbsp; &nbsp; background-color: $welcome-card;}/** cards&nbsp; **/.card-material {&nbsp; &nbsp; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);&nbsp; &nbsp; transition: all 0.3s cubic-bezier(.25, .8, .25, 1);}.card-material:hover {&nbsp; &nbsp; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);}.info-card>* {&nbsp; &nbsp; font-size: 25px;}.circle {&nbsp; &nbsp; display: inline-block;&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; width: 70px;&nbsp; &nbsp; height: 70px;&nbsp; &nbsp; -moz-border-radius: 50%!important;&nbsp; &nbsp; -webkit-border-radius: 50%!important;&nbsp; &nbsp; border-radius: 50%;&nbsp; &nbsp; -webkit-box-shadow: -2px 3px 10px 0px rgba(0, 0, 0, 0.75);&nbsp; &nbsp; -moz-box-shadow: -2px 3px 10px 0px rgba(0, 0, 0, 0.75);&nbsp; &nbsp; box-shadow: -2px 3px 10px 0px rgba(0, 0, 0, 0.75);}.circle>.icons {&nbsp; &nbsp; position: relative;&nbsp; &nbsp; top: calc(50% - 10px);&nbsp; &nbsp; /* 50% - 3/4 of icon height */}.fav-btn {&nbsp; &nbsp; background-color: $white;}.msg-btn {&nbsp; &nbsp; background-color: $white;}.lov-icon {&nbsp; &nbsp; font-size: 25px;}.msg-icon {&nbsp; &nbsp; font-size: 25px;}.lov-icon-color {&nbsp; &nbsp; color: $red;}.msg-icon-color {&nbsp; &nbsp; color: green;}.fav-btn-selected {&nbsp; &nbsp; background-color: $btn-mred-hover;}.msg-btn-selected {&nbsp; &nbsp; background-color: green;}.lov-icon-color-selected {&nbsp; &nbsp; color: $white;}.msg-icon-color-selected {&nbsp; &nbsp; color: $white;}.profile-name-card {&nbsp; &nbsp; border: none;}.option {&nbsp; &nbsp; margin-left: 10px;&nbsp; &nbsp; margin-right: 10px;}.box-option {&nbsp; &nbsp; border: 2px solid gray;}.box-option-container {&nbsp; &nbsp; border: none;}.back-color {&nbsp; &nbsp; background-color: $body-bg;}.question {&nbsp; &nbsp; background-color: $white;&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; position: relative;&nbsp; &nbsp; min-height: 450px;&nbsp; &nbsp; padding-bottom: 50px;}.card-material {&nbsp; &nbsp; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);&nbsp; &nbsp; transition: all 0.50s cubic-bezier(.25, .8, .25, 1);}.card-material:hover {&nbsp; &nbsp; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);}.question-title {&nbsp; &nbsp; width: 90%;&nbsp; &nbsp; margin: 0 auto 50px;&nbsp; &nbsp; font-size: 25px;&nbsp; &nbsp; font-weight: 400;}.option input {&nbsp; &nbsp; position: absolute;&nbsp; &nbsp; opacity: 0;}.input {&nbsp; &nbsp; cursor: pointer;}.option>input+div {&nbsp; &nbsp; /* DIV STYLES */&nbsp; &nbsp; cursor: pointer;&nbsp; &nbsp; border: 2px solid transparent;}.option-text {&nbsp; &nbsp; cursor: pointer;}.box-option:hover {&nbsp; &nbsp; background: $btn-mred;&nbsp; &nbsp; color: $white;&nbsp; &nbsp; border: 2px solid $btn-mred;}.box-option-checked {&nbsp; &nbsp; background: $btn-mred;&nbsp; &nbsp; color: $white;&nbsp; &nbsp; border: 2px solid $btn-mred;}/* Elemento Radio, cuando está marcado */input[type="radio"]:checked~.box-option {&nbsp; &nbsp; background: $btn-mred;&nbsp; &nbsp; color: $white;&nbsp; &nbsp; border: 2px solid $btn-mred;}.fixed-box {&nbsp; &nbsp; //display: block;&nbsp; &nbsp; //width: auto;}.col-container {&nbsp; &nbsp; display: table;&nbsp; &nbsp; width: 100%;}.fixed-box {&nbsp; &nbsp; display: table-cell;&nbsp; &nbsp; padding: 16px;}<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/><div class="container">&nbsp; &nbsp; &nbsp; &nbsp; <div class="row justify-content-center">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="col-xs-12 col-md-12 col-lg-12 col-xl-12">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="progress my-4">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="12" aria-valuemin="0" aria-valuemax="17" style="width: 70.588235294118%">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="col-md-12 ">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="card box-option-container justify-content-center&nbsp; ">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <h2 tabindex="0" role="heading" class="text-center">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="question-title">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ¿Estas abierto/a a viajar?&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="row text-center no-gutters d-flex&nbsp; justify-content-center ">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="option d-flex flex-column">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <label for="Otro: No puedes dejar tu tierra por razones personales mas estás dispuesto a tener una relación con alguien que sí pueda dejar su hogar e ir contigo">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="box-option py-5 align-middle ">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input id="Otro: No puedes dejar tu tierra por razones personales mas estás dispuesto a tener una relación con alguien que sí pueda dejar su hogar e ir contigo" type="radio" name="SEARCHED_GENDER" class="radio" value="hombre">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="p-5 option-text">Otro: No puedes dejar tu tierra por razones personales mas estás dispuesto a tener una relación con alguien que sí pueda dejar su hogar e ir contigo</span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </label>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <label for="No interesado: Por nada del mundo dejarías a tu tierra y a los seres queridos con los creciste, por lo que necesitas a alguien que sea de tu misma comunidad">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="box-option py-5 align-middle ">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input id="No interesado: Por nada del mundo dejarías a tu tierra y a los seres queridos con los creciste, por lo que necesitas a alguien que sea de tu misma comunidad" type="radio" name="SEARCHED_GENDER" class="radio" value="hombre">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="p-5 option-text">No interesado: Por nada del mundo dejarías a tu tierra y a los seres queridos con los creciste, por lo que necesitas a alguien que sea de tu misma comunidad</span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </label>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <label for="Interesado: Estás dispuesto a abandonar tu tierra natal y vivir mucho tiempo en el extranjero">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="box-option py-5 align-middle ">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input id="Interesado: Estás dispuesto a abandonar tu tierra natal y vivir mucho tiempo en el extranjero" type="radio" name="SEARCHED_GENDER" class="radio" value="hombre">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="p-5 option-text">Interesado: Estás dispuesto a abandonar tu tierra natal y vivir mucho tiempo en el extranjero</span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </label>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="nav-buttons right-button float-right m-2">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a class="btn btn-primary next" href="http://ilink.test/test/next" style="display: none;">Pregunta Siguiente</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="nav-buttons left-button float-left m-2">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a class="btn btn-warning back" href="http://ilink.test/test/back">Pregunta Anterior</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; </div>

Answer 2

在你的课堂上.option-text你应该添加font-size: [Wanted size].&nbsp;因此，每个框/选项都将具有相同的字体大小。

Answer 3

在标签上添加 bootstrap class="col-12" ，例如：<label&nbsp;class="col-12"&nbsp;for="Interesado:&nbsp;Estás&nbsp;dispuesto&nbsp;a&nbsp;abandonar&nbsp;tu&nbsp;tierra&nbsp;natal&nbsp;y&nbsp;vivir&nbsp;mucho&nbsp;tiempo&nbsp;en&nbsp;el&nbsp;extranjero">在所有标签上添加 col-12。现在每个标签的宽度将达到 100%，并且所有标签将具有相同的尺寸！实例_