代码之家  ›  专栏  ›  技术社区  ›  Daniel Williams

引导小文本类

  •  0
  • Daniel Williams  · 技术社区  · 7 年前

    我正在创建一个输入按钮 btn-link 将按钮设置为文本链接样式。

    我想把文字缩小一点

    <button class="btn btn-link">
      <small>Hello World</small>
    </button>
    

    但这与

    <input type="button">
    

    所以我想知道是否有一个用于文本的引导类与 <small> 标签?我什么都找不到。或者有人能提出另一种方法吗?(理想情况下,我不想创建自己的类,我只想使用引导程序中的可用内容。)

    1 回复  |  直到 7 年前
        1
  •  0
  •   Kumar Ashutosh    7 年前

    根据你的要求,我试着模拟一下。试着跑。THNX

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
    
    <button type="button" class="btn btn-link btn-sm">Button</button>
    <button type="button" class="btn btn-link ">Button</button>
    <button type="button" class="btn btn-link btn-lg">Button</button>
    
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>