我是一名经验丰富的软件开发人员,但对 docker 还很陌生。
我正在尝试使用 bitnami/magento 基础映像( https://hub.docker.com/r/bitnami/magento )构建 Magento 2.4 的开发环境。当我第一次下载 docker-compose.yml 并运行它时,一切立即运行良好。
注意:这不是 Magento 问题。我认为所使用的具体容器对于我的问题来说是次要的。这是 Mac 上的 docker/docker-compose 问题。
我使用的原始 docker-compose.yml 文件:
version: '2'
services:
mariadb:
image: docker.io/bitnami/mariadb:10.3
environment:
- ALLOW_EMPTY_PASSWORD=yes
- MARIADB_USER=bn_magento
- MARIADB_DATABASE=bitnami_magento
volumes:
- 'mariadb_data:/bitnami/mariadb'
magento:
image: docker.io/bitnami/magento:2
ports:
- '80:8080'
- '443:8443'
environment:
- MAGENTO_HOST=localhost
- MAGENTO_DATABASE_HOST=mariadb
- MAGENTO_DATABASE_PORT_NUMBER=3306
- MAGENTO_DATABASE_USER=bn_magento
- MAGENTO_DATABASE_NAME=bitnami_magento
- ELASTICSEARCH_HOST=elasticsearch
- ELASTICSEARCH_PORT_NUMBER=9200
- ALLOW_EMPTY_PASSWORD=yes
volumes:
- 'magento_data:/bitnami/magento'
depends_on:
- mariadb
- elasticsearch
elasticsearch:
image: docker.io/bitnami/elasticsearch:6
volumes:
- 'elasticsearch_data:/bitnami/elasticsearch/data'
volumes: …Run Code Online (Sandbox Code Playgroud) 我需要将一个小的帮助文本直接放在文本输入字段下,如果该字段缩进(例如,如我的示例中那样通过单选按钮),则帮助文本也应该缩进。
我正在尝试的一个例子在这里:
#enteramt {
width: 150px;
display: inline;
}
#passwordHelpBlock {
font-size: x-small;
display: block;
}Run Code Online (Sandbox Code Playgroud)
<p class="lead">
<input id="val_200" name="amount_sel" type="radio" value="200">
<label for="val_200"> EUR 200,00</label>
<br/>
<input id="val_other" name="amount_sel" type="radio" value="other">
<label for="val_other"> EUR
<input class="inputdefault" id="enteramt" name="amount" type="text" value="" placeholder="z.B. 2,00">
</label>
<small id="passwordHelpBlock" class="form-text text-muted">Min. EUR 2,00</small>
</p>Run Code Online (Sandbox Code Playgroud)
另请参阅小提琴:https://jsfiddle.net/mheumann/wkLdjdcL/
我希望它看起来像这样:

我知道我可以使用 margin-left 将其移动,但在没有单选按钮的情况下也可能会出现相同的框,因此边距会有所不同。
有没有什么方法可以将“小”标签绑定到“输入”标签,以便它始终显示在正下方对齐?
编辑:删除了对 Bootstrap 的引用,因为代码片段不包含任何内容。