无服务器 自建短链服务 Url-Shorten-Worker 美化 Bootstrap 设计框架 照猫画虎

源码 GitHub: https://github.com/crazypeace/Url-Shorten-Worker

搭建教程: https://zelikk.blogspot.com/2022/07/url-shorten-worker-hide-tutorial.html

准备美化一下 https://github.com/crazypeace/Url-Shorten-Worker/

看了一下源项目，使用的是 Bootstrap 4

参考：

https://getbootstrap.com/docs/4.0/components/input-group/

我们准备抄这个设计格式

找到对应的示例是:

<div class="input-group mb-3">

  <div class="input-group-prepend">

    <span class="input-group-text" id="basic-addon3">https://example.com/users/</span>

  </div>

  <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">

</div>

 最终效果：