如何使用仅作为数据目标和ID的整数打开Bootstrap 4模态

Question

我正在尝试使用以下代码打开bootstrap 4模态，但似乎仅不支持整数？

 <button type="button" class="btn" data-toggle="modal" data-target="#123">Open modal</button>

<!-- Modal -->
<div class="modal" id="123">
    <div class="modal-dialog">
      <div class="modal-content">

        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title">Modal Heading</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>

        <!-- Modal body -->
        <div class="modal-body">
          Modal body..
        </div>

        <!-- Modal footer -->
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
        </div>

      </div>
    </div>
  </div>

有人可以解释一下为什么只有data-target和id中的整数不起作用吗？

提琴：https://jsfiddle.net/7gst439p/

在数字前加上字母a或其他任何内容，都可以：

https://jsfiddle.net/hxgd1r05/