penguin_cheng 2021-11-21 23:58 采纳率: 76.2%
浏览 18
已结题

Bootstrap是否引入3.0以上版本的CDN,镂空样式就无法实现?

图一,为引入3.0以上版本的CDN,无法实现镂空的button样式:

img

图二,引入4.0以上版本的CDN,就可以实现:

img


```css
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>按钮组</title> 

  <!-- 3.0以上版本CDN --> 
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

<!-- 4.0以上 -->
  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous"> -->
   
</head>
<body>
  <div class="container"> 
    <button class="btn btn-outline-info" type="button">按钮1</button>
    <button class="btn btn-outline-warning" type="button">button1</button>
  </div>
</body>

</html>

```

  • 写回答

2条回答 默认 最新

  • 关注

    你可以看下 Bootstrap 文档,https://v3.bootcss.com/css/ ,3.x版本没有btn-outline-info样式

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 12月1日
  • 已采纳回答 11月23日
  • 创建了问题 11月21日

悬赏问题

  • ¥15 用ns3仿真出5G核心网网元
  • ¥15 matlab答疑 关于海上风电的爬坡事件检测
  • ¥88 python部署量化回测异常问题
  • ¥30 酬劳2w元求合作写文章
  • ¥15 在现有系统基础上增加功能
  • ¥15 远程桌面文档内容复制粘贴,格式会变化
  • ¥15 关于#java#的问题:找一份能快速看完mooc视频的代码
  • ¥15 这种微信登录授权 谁可以做啊
  • ¥15 请问我该如何添加自己的数据去运行蚁群算法代码
  • ¥20 用HslCommunication 连接欧姆龙 plc有时会连接失败。报异常为“未知错误”