小编mad*_*th3的帖子
我可以使用图像触发Bootstrap中的模态窗口吗？
简单的问题.我没有按钮触发模态窗口,而是需要使用图像.我无法弄清楚代码来做到这一点.有小费吗？
推荐指数
解决办法
查看次数
JQuery Datatable标题下方的其他滚动条
我正在使用Datatables(Jquery).
使用代码我在表格的上方得到一个水平滚动条,如链接:
"sScrollX": "100%",
"sScrollXInner": "120%",
"bScrollCollapse": true,
现在我想在Header下方获得另一个Scroll Bar.帮帮我.
推荐指数
解决办法
查看次数
使用Jquery,如何更改要单击的对象的CSS？
我正在开发一个非常动态的页面,为了简单起见,我们将调用很多按钮(实际上是div).
这些按钮里面有一个span标签display:none;.所有这些"按钮"都有内部的Span和隐藏它们的css类.我不能为每个人创建一个#ID,它们将是动态的
我怎样才能使用Jquery,.show()仅使用被点击的项目进行动画制作.我无法输入ID,因为它将使用php动态创建.
推荐指数
解决办法
查看次数
使数据表行可单击
我有一个表使用datatables.net通过ajax加载数据.我想这样做,以便当用户点击一行时,它链接到一个附加了该行主键的get变量的URL.
我是Datatables的新手,所以我的黑客尝试/想法是使用Datatables在我的主键两列中应用两个类.这两个类是hide(显示的css:none)和projectID(标识该列,因此我可以使用jquery获取它的值).我能够使用aoColumns属性应用这些类,它确实隐藏了列并附加了projectID类.但是我认为,因为Datatables正在创建表,所以它阻止我使用
$('#project-table tr').click(function(){alert('clicked');}
所以我试过了
$('#project-table tr').live('click',function(){alert('clicked');})};
也无济于事.
我想象有一个更好的方法,比我用来使行可点击,链接到一个带有附加主键获取变量的页面,但我找不到一个例子.如果任何人有一个示例的链接或可以指向我正确的方向,它将不胜感激.
推荐指数
解决办法
查看次数
Bootstrap Scrollspy无法使用加载AJAX的菜单
我有一个通过ajax加载的子菜单.我正在尝试使用Bootstraps scrollspy根据用户在当前页面上的位置突出显示子菜单.但它不适用于我的子菜单.我相信它,因为它通过ajax加载.如何让子菜单突出显示？
subnav.html
<div class="span3 affix">
<div class="well sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Document</li>
<li><a href="#a">A</a></li>
<li><a href="#b">B</a></li>
</ul>
</div><!--/.well -->
</div><!--/span-->
Mainpage.html
<body>
<div id="sub-nav"></div>
<div id="a" style="margin-bottom:200px;"></div>
<div id="b" style="margin-bottom:200px;"></div>
</body>
<script>
jQuery(function(){
$('#sub-nav').load('apps_subnav.html');
$('body').scrollspy();
});
</script>
推荐指数
解决办法
查看次数
bootstrap形式帮手电话不会工作
我正在尝试使用表单Bootstrap框架创建一个网站.作为我的代码的一部分,我有
<div class="control-group">
<label class="control-label" for="inputTell">Telephone</label>
<div class="controls">
<input type="text" id="inputTell" class="bfh-phone" data-format="(ddd) ddd-dddd">
</div>
</div>
这是图像:
不应该那样.它不应该接受任何字符串,它应该给我这样的电话格式:
我已经在我的目录中有必要的JS文件,但我不确定它为什么不起作用.
推荐指数
解决办法
查看次数
部署后将自定义CSS和Javascript链接到Rails
我有一个Rails应用程序它的css和js链接在本地工作正常,因为我使用:
<link href="assets/bootstrap.css" rel="stylesheet">
<link href="assets/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/font-awesome.css" rel="stylesheet">
<link href="assets/bootswatch.css" rel="stylesheet">
我用Google搜索了所有我想要的是Heroku指南,我对资产管道事情感到困惑!我也运行了这个命令:
bundle exec rake assets:precompile
它确实在指南中提到的公共目录中创建了一些文件:
现在在Heroku上一切都很简单,没有任何设计,没有Css和JS.
当我跑的时候
Heroku Logs
这就是我对CSS和JS文件进行了一些严肃的无路由匹配,如下所示:
2013-06-10T10:06:28.184255 + 00:00 app [web.1]:ActionController :: RoutingError(没有路由匹配[GET]"/assetscv.png"):
这只是一行,我为其他文件获得了更多这些,并预先生成了loggs行
任何帮助将不胜感激!
PS:
我试过了
<%= stylesheet_link_tag "bootstrap" %>
<%= stylesheet_link_tag "bootstrap-responsiv" %>
<%= stylesheet_link_tag "bootswatch", "font-awesome.css" %>
我收到了很多错误,而且在heroku上它说抱歉出了问题
推荐指数
解决办法
查看次数
如何使用bootstrap阻止容器出现在标题下
我正在使用bootstrap为UX构建一个rails应用程序.我需要帮助弄清楚如何防止容器类出现在导航栏下面.这就是页面的html如下所示:
<header class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container">
<span class="pull-right"> Title text goes here </span>
</div>
</div>
</header>
<div class="container">
<%= yield %> <br / >
</div>
页面上唯一的CSS是来自bootstrap的css.
推荐指数
解决办法
查看次数
使用 Bootstrap 在 <div> 内使 Angular 应用程序响应的正确方法是什么？
我使用 angular 构建了一个独立的应用程序，它是响应式的（我没有做任何工作，只是使用了 row-fluid 等）。但是，现在我准备将此独立应用程序安装到以不同语言构建的现有站点中。我用 angular 引导了一个 div，并将 Twitter Bootstrap css 仅应用于该 div。
然后，我使用 JQuery UI 和一些 angular 包装器指令使应用程序所在的 div 可拖动、可放置和可调整大小。但是，当我开始调整 div 大小时遇到了问题。内置的响应式设计响应整个窗口的大小，而不是 div 的大小。
抱歉糟糕的 CSS 内联样式；我仍然只是四处闲逛以使其工作。这是我现在的代码 - 如果有人有一些输入，我会喜欢它。
部分只是在行流标签和一些表格中具有一些形式。
重点是它是一个位于角落的工具，非常小，但可以扩展以显示更完整的视图。但是，当它很小时，一切都需要适合。
<div draggable droppable resizable class="bootstrapped" ng-app="myApp" id="ambatool">
<div id="handle" style="background-color: gray; height: 50px; cursor: move"></div>
<div style="padding:20px" class="container" id="maintool">
<div ng-view>
</div>
<ul class="nav nav-tabs">
<li><a href="#/detail" data-toggle="tab" id="detailtab">Detail</a></li>
<li><a href="#/queue" data-toggle="tab" id="queuetab">Queue</a></li>
</ul>
</div>
<div id="dock"></div>
推荐指数
解决办法
查看次数
Blueimp Gallery集成问题
我正在尝试使用blueimp画廊,我相信我已根据需要输入了所有代码剪辑但仍然在我点击图像时他们没有加载控制.
cat index.html
<!DOCTYPE HTML>
<html lang="en">
<head>
<link rel="stylesheet" href="css/blueimp-gallery.min.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="js/blueimp-gallery.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script src="js/blueimp-gallery.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div class="page-header">
<h1>
test <small>test</small>
</h1>
</div>
<div id="blueimp-gallery" class="blueimp-gallery">
<div class="slides"></div>
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="blueimp-gallery-display"></a>
<a class="close">×</a>
<ol class="indicator"></ol>
</div>
<script src="js/init.js"></script>
<div id="links">
<A HREF="images/photo1.jpg"> <IMG HEIGHT=50 WIDTH=50 SRC="images/photo1.jpg"></A>
<A HREF="images/photo2.jpg"> …推荐指数
解决办法
查看次数