个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我有一个进度条列表，我希望看到它的动画效果。当我使用 maxcdn 时，我看到它们是动画的，但如果我使用本地 Bootstrap 引用，则不是。请帮助我了解哪里出了问题...
.resume {
width: 816px;
margin: 48px 48px 48px 48px;
font-size: 13px;
line-height: 16px;
}
.header {
text-align: center;
line-height: 4px;
}
.header hr {
margin: 5px;
}
.name {
text-transform: uppercase;
font-size: 32px;
}
.contact p {
margin: 10px;
}
.summary h2, .skills h2, .professionalhistory h2, .education h2 {
text-align: center;
text-transform: uppercase;
font-size: 24px;
margin-top: 15px;
margin-bottom: 15px;
}
.skills {
line-height: 13px;
}
.skills p {
margin: 8px 8px 8px 8px;
}
.progress {
background-color: #BCBEBF;
text-align: left;
position: relative;
height: 13px;
margin: 8px 8px 8px 8px;
}
.progress-bar {
background-color: #323232;
text-align: left;
line-height: 13px;
padding: 1px 10px 2px;
}
.progress-bar span {
padding: 1px 10px 2px;
position: absolute;
z-index: 2;
color: white;
top: 50%;
left: 0%;
transform: translate(0%,-50%);
}
.employer {
font-size: 16px;
font-weight: bold;
}
.position {
text-decoration: underline;
}
.description {
width: 95%;
margin-left: 12px;
}
.results {
font-weight: bold;
}
.titles {
text-decoration: underline;
}<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<p>Microsoft Office SharePoint Services</p>
<div class="progress">
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="13"aria-valuemin="0"aria-valuemax="13" style="width:53.85%">
<span>7 Years</span>
</div>
</div>
</body>在代码片段中我使用的是 maxcdn，但如果我删除 maxcdn，进度条仍会显示但不会显示动画。我不确定为什么。引导版本为 4.0.0 alpha 6。
最佳答案
In Bootstrap 4您需要将类 progress-bar-animated 添加到 progress-bar 元素。
.resume {
width: 816px;
margin: 48px 48px 48px 48px;
font-size: 13px;
line-height: 16px;
}
.header {
text-align: center;
line-height: 4px;
}
.header hr {
margin: 5px;
}
.name {
text-transform: uppercase;
font-size: 32px;
}
.contact p {
margin: 10px;
}
.summary h2, .skills h2, .professionalhistory h2, .education h2 {
text-align: center;
text-transform: uppercase;
font-size: 24px;
margin-top: 15px;
margin-bottom: 15px;
}
.skills {
line-height: 13px;
}
.skills p {
margin: 8px 8px 8px 8px;
}
.progress {
background-color: #BCBEBF;
text-align: left;
position: relative;
height: 13px;
margin: 8px 8px 8px 8px;
}
.progress-bar {
background-color: #323232;
text-align: left;
line-height: 13px;
padding: 1px 10px 2px;
}
.progress-bar span {
padding: 1px 10px 2px;
position: absolute;
z-index: 2;
color: white;
top: 50%;
left: 0%;
transform: translate(0%,-50%);
}
.employer {
font-size: 16px;
font-weight: bold;
}
.position {
text-decoration: underline;
}
.description {
width: 95%;
margin-left: 12px;
}
.results {
font-weight: bold;
}
.titles {
text-decoration: underline;
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>
<body>
<p>Microsoft Office SharePoint Services</p>
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated active" role="progressbar" aria-valuenow="13"aria-valuemin="0"aria-valuemax="13" style="width:53.85%">
<span>7 Years</span>
</div>
</div>
</body>关于html - 进度条不动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42658485/
25
4
0
我有一个 RelativeLayout，我从 drawable 设置了背景。我能够将 RelativeLayout 的背景更改为另一个RadioButton 被选中。但是当它发生变化时我该如何给它一个
我正在尝试在 Google 的 Play 报亭应用中复制此动画: http://i.imgur.com/UuX1PRO.webm 我的布局看起来像这样: ... more
我一直在评估 Airflow 。我有一个用例，我有一个每小时运行一次的工作流，以获得每小时的数据聚合。另一个每天运行以获得相同的每日聚合。是否可以创建一个组合工作流，其中仅当所有小时聚合在过去一天都成
我有下一个结构: Activity 1: Activity 2: Form to add new item to the recycler View. RecyclerView
我只是想知道 JavaFx 中是否有任何简单的动 Canvas 局方法，例如 VBox 和 HBox。我希望我的应用程序在指定时间后更改 VBox 的背景颜色。但我意识到没有任何类似于 FillTra
我正在使用 Angular 4 动画在按钮上测试一个简单的淡入/淡出动画。我遇到的问题是，因为我使用的是 bool 值，所以没有任何东西被触发。从开发工具来看，它看起来像一个 .ng-animatin
有没有人在 SublimeREPL 中使用 irb 交换 pry 有任何运气？我很接近，我想。我没有收到错误，但是当我输入命令时也没有收到响应。每次我点击返回时，它的行为就像缓冲区被重置一样。 我正在
今天要向小伙伴们介绍的是一个能够快速地把数据制作成可视化、交互页面的 Python 框架：Streamlit，分分钟让你的数据动起来！ 犹记得我在做机器学习和数据分析方面的毕设时，
简而言之，我想缩放 View - 就像 Android Market 一样，当您单击“更多”按钮时，例如在“描述”上。 我发现，Android Market 具有以下结构的布局: > 64d
我似乎无法让它工作。 我正在尝试每天发送一个给定的文件，其名称类似于“file_{{ds_nodash}}.csv”。 问题是我似乎无法将此名称添加为文件名，因为它似乎无法使用。在电子邮件的正文或主题
当您调整窗口大小时， float 的 div 将按预期换行到下一行。但我真的很希望这种布局变化是动画化的。 编辑:顺便说一句，找到一个不依赖于 JQuery 的解决方案会很好。如果需要，我不介意编写自
我有一个复杂的数据处理管道，目前在单台机器上用 Python 实现。 管道是围绕处理属于一系列实现文档、页面、单词等的自定义类的对象而构建的。该管道中的大多数操作都是令人尴尬地并行的——它们处理单个文
我是一名优秀的程序员,十分优秀！