Bootstrap 用于分组浮动启动引导的CSS媒体查询5.2

j2datikz 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(1)|浏览(117)

我已经用bootstrap 5.2在html/css中实现了一个电子邮件表单。它在桌面视图和移动的视图中看起来都很好，但是在中等大小的屏幕上有一些问题。
我希望字符串“Given name：“（#given_name_text）在其输入字段（#given_name_input）跳到下一行时立即跳到下一行。问题出现在（min-width：520 px）和（最大宽度：991 px），这就是为什么我已经设置了媒体查询，但我不知道输入什么。
请找到我的html和css附件。
我非常感谢任何提示！
小鼠G4
第一个
Picture of issue

twitter-bootstrap

来源：https://stackoverflow.com/questions/74081086/css-media-query-for-grouping-float-start-bootstrap5-2

1条答案

按热度按时间

krugob8w1#

如果有人有类似的问题：通过应用以下网格解决了该问题：

<div id="name_input" class="row">
        <div class="col-lg-6 col-md-12">
          <label for="surname_input" id="surname_text">Surname:</label>
          <input id="surname_input" type="text">
        </div><!-- End of surname input -->
        <div class="col-lg-6 col-md-12">
          <label for="given_name_input" id="given_name_text">Given name:</label>       
          <input id="given_name_input" type="text">
        </div><!-- End of given name input -->
      </div><!-- End of name input -->

赞(0）回复(0）举报 2022-12-07

我来回答

Bootstrap 用于分组浮动启动引导的CSS媒体查询5.2

1条答案

相关问题

热门标签

最新问答