html - bootstrap 4模板文本格式问题
问题描述
我无法修复 2 行文本的文本格式
目前,它看起来像这样
我想这样展示
这是我正在使用引导程序的 HTML 代码
<label for="checkbox-group-1588093203851" class="radio-group-label">
<span class="mr-2">2.1.2</span> For the purposes of serving its clients, does the Reporting Firm maintain ongoing relationships with regulated financial institutions or other regulated professional service providers (e.g. referrals)?
<span class="formbuilder-required">*</span>
<span class="tooltip-element" tooltip="This does not include business operating accounts at financial institutions or professional services acquired for the functioning of the entity itself (e.g. legal advice to the entity, accountancy services for the entity, etc.).">?</span></label>
解决方案
如果您使用的是 Bootstrap 4,那么您可以简单地添加 classd-inline-flex
并将label
问题文本包装在 another 中,以便flex 容器 span
只有两个直接子级。label
检查下面更新的 HTML:
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet"/>
<label for="checkbox-group-1588093203851" class="radio-group-label d-inline-flex">
<span class="mr-2">2.1.2</span>
<span>
For the purposes of serving its clients, does the Reporting Firm maintain ongoing relationships with regulated financial institutions or other regulated professional service providers (e.g. referrals)?
<span class="formbuilder-required">*</span>
<span class="tooltip-element" tooltip="This does not include business operating accounts at financial institutions or professional services acquired for the functioning of the entity itself (e.g. legal advice to the entity, accountancy services for the entity, etc.).">?</span>
</span>
</label>
推荐阅读
- mysql - 我应该如何存储气象站数据?
- ruby - I am trying to make an input case insensitive, can someone explain how to do that?
- arrays - 类似 Python 的数组填充 - C 等效
- python - How to use os.system() to run `> >(tee -a log)`?
- swiftui - How do you prevent SwiftUI from autoresizing view when keyboard appears
- sql - 有谁知道为什么这个触发器不起作用?
- javascript - ChartJS 有 xAxes 标签匹配数据源
- javascript - 如何使用 javascript jest 监视导出的独立函数?
- javascript - JavaScript中的functionname.customfunction()?
- python - 在 Dash 中使用回调时出现 TypeError