相关疑难解决方法(0)

Bootstrap折叠动画不顺畅

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="form-group">
    <a for="collapseOne" data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="btn btn-primary">+ addInfo </a>
    <textarea class="form-control collapse" id="collapseOne" rows="4"></textarea>
</div>

<div class="form-group">
    <a for="collapseTwo" data-toggle="collapse" href="#collapseTwo" aria-expanded="true" aria-controls="collapseOne" class="btn btn-info">+ subtitle </a>
    <input type="text" class="form-control collapse" id="collapseTwo">
</div>
Run Code Online (Sandbox Code Playgroud)

问题是当单击addInfo选项卡时,您可以在扩展中找到跳转text_area,即动画不平滑.

jquery twitter-bootstrap twitter-bootstrap-3

57
推荐指数
5
解决办法
8万
查看次数

Twitter Bootstrap手风琴全高度窗格

我一直在努力用twitter bootstrap手风琴来实现这个目标: 期望的行为

通常,使用手风琴(bootstraps collapse plugin)不是必须的.

我想要达到的目的是:

  • 使用bootstrap作为基础框架,
  • 有固定顶部导航栏,
  • 有滚动条的全宽/高度内容,
  • 有3个独立的,可折叠的内容窗格(总是只有一个被扩展),
  • 点击标题部分展开内容窗格(并折叠以前展开的标题),
  • 滚动仅在一个展开的内容窗格中发生(图中的DIV 1 | 2 | 3),
  • 折叠内容窗格时,隐藏其溢出,
  • 让每个内容窗格都具有可配置的最小高度(对于其"标题"),
  • 这适用于响应式布局.

真的很想得到一些帮助,因为我觉得我对此失去了理智:(

使用额外的jQuery插件(如jQuery UI)是"允许的".

jquery html5 css3 twitter-bootstrap

12
推荐指数
1
解决办法
8352
查看次数