Html 使用引导对齐元素

我希望下面的标记显示与以下输入字段的文本标签对齐的“格式示例”字符串，如下面的屏幕截图所示。它现在表现得好像是对的。因为我在引导中使用AngularJS，所以我不想使用静态宽度之类的东西，所以我应该如何修改它以使其更具动态性呢

复制
格式示例




格式未知


X.X.X


YYYYMMDD-HHMM


X.X快照


YYYY-MM-DD HH:MM:SS

您只需使用列和行将其网格化即可。这是一个基本示例，您需要根据需要添加

md

、

sm

和

xs

大小调整。全屏预览代码段

此外，避免使用分隔符分隔行。改为使用

css

复制
格式示例
格式未知
X.X.X
YYYYMMDD-HHMM
X.X快照
YYYY-MM-DD HH:MM:SS

谢谢，这个例子正是我想要的。您是否使用编辑器自动设置标记的格式？它真的很漂亮。VSCode倾向于将

div

放在换行符上；更多的杂乱。我只是很快用手缩进。但一般来说，我使用的是Sublime，我的代码格式也是这样。