标签: twitter-bootstrap
在datepicker上禁用过去的日期
如何在datetimepicker上禁用当前日期的过去日期？我试过类似问题的帖子很少但是无法实现它,下面就是我尝试过的
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen"
href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
<script type="text/javascript"
src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript"
src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
</script>
<script type="text/javascript"
src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
</script>
<script type="text/javascript"
src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js">
</script>
<script type="text/javascript">
$(function() {
$('#datetimepicker2').datetimepicker({
language: 'en',
pick12HourFormat: true
});
});
</script>
<div id="datetimepicker2" class="input-append">
<input data-format="MM/dd/yyyy" type="text"/>
<span class="add-on">
<i data-date-icon="icon-calendar">
</i>
</span>
我也试过了
$("datetimepicker2").datepicker({ changeYear: true, dateFormat: 'dd/mm/yy', showOn: 'none', showButtonPanel: true, minDate:'0d' });
和
$("#datetimepicker2").datepicker({ minDate: 0 });
推荐指数
解决办法
查看次数
在Bootstrap中为单元格使用表行着色
Twitter Bootstrap提供了类表颜色的类,如下所示:
<tr class="success">
我喜欢颜色选择和类命名.现在我想做的是重新使用这些类并将它们应用于表格单元格.显然,我可以使用相同的颜色定义自己的类并完成它.
但CSS中是否有简写.少一点,让td继承课程？
推荐指数
解决办法
查看次数
在jsFiddle中使用twitter的bootstrap
我想在我的一个小提琴中使用Twitter的Bootstrap.由于jsFiddle不提供bootstrap作为其预定义库之一,我正在寻找一个缩小的URL.
Twitter的Bootstrap有免费的缩小URL吗？
推荐指数
解决办法
查看次数
Bootstrap Popover,.click没有抓住popover内的按钮
首先,问题的一个小提琴:jsfiddle.net
我使用的是popover,它的内容是html,一个带有"click_me"类的按钮.我有jquery听取点击"click_me",它应该发出警报.但事实并非如此.我错过了什么吗？
JS:
jQuery(document).ready(function($) {
$('.demo_button').click(function () {
$(this).popover({
html: true,
trigger: 'manual',
placement: 'right',
content: function () {
var $buttons = $('#popover_template').html();
return $buttons;
}
}).popover('toggle');
});
$('.click_me').click(function() {
alert('it works!');
});
});
HTML:
<button class="btn btn-primary demo_button">Click here</button>
<div id="popover_template">
<button class="btn click_me">Make Alert</button>
</div>
推荐指数
解决办法
查看次数
固定位置导航栏只能在iOS5上的Mobile Safari中单击一次
我正在使用Twitter Bootstrap来设计一个iPad优化的网站,并在iOS5的Mobile Safari中遇到一个有趣的错误.
点击固定位置导航栏中的锚链接后,它正确地将我带到该锚点.但是,在滚动页面之前,我无法单击导航栏中的任何其他链接.
问题似乎出现在Bootstrap本身,因为Bootstrap站点有同样的问题:http://twitter.github.com/bootstrap/
有关如何解决这个问题的任何建议？
下面的代码重现了这个问题.请注意,如果单击"Test JS"或"Test jQuery"(两种不同类型的滚动,直接JS或基于jQuery),则在手动移动页面之前,您将无法再次单击.
这是基本的演示代码(.jsp):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
#testDiv {
position: fixed;
bottom: 0;
right: 0;
background: gray;
padding: 20px;
}
#jsDiv,
#jQueryDiv {
width: 200px;
display: block;
height: 40px;
background-color: red;
}
#jQueryDiv {
background-color: yellow;
}
</style>
<script type="text/javascript">
function testScroll() {
alert("JS");
scroll(0, 5000);
}
function testjqScroll() {
alert("JQuery");
$(window).scrollTop(500);
}
</script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.js"></script>
</head>
<body>
<%for (int i …推荐指数
解决办法
查看次数
Twitter引导模式在表单前面打开
我的Twitter引导模式有问题:它在我的表单前打开.我对我所做的事情一无所知,因为它在3天前运作良好.我可以写在表格上; 我觉得这个表格很有效.问题是表格前面的模态开放.
推荐指数
解决办法
查看次数
您是否会将Twitter Bootstrap用于Intranet /业务应用程序？
我们即将开始开发几个复杂的业务/内部网应用程序(大量数据,许多功能,管理面板,不需要简化以供公众使用).随着人们在手机浏览器和平板电脑上进行实际工作的出现,响应式设计和508/ARIA可访问性也逐渐渗透到需求的混合中.
我们喜欢我们在开箱即用的Twitter Bootstrap(TB)中发现的很多内容(x-browser,jQuery,HTML/CSS模板,许多辅助函数,所以我们不需要HTML专家来做好看的页面,其他).但是,它的布局似乎驱使我们走向简约(在一个屏幕上几乎没有控制/少数据),窄(960宽)设计.
如果我们要膨胀和扩展设计,我们甚至使用TB是否合理？或者是他们更好的CSS/HTML/JS模板/工具包用于.Net"业务应用程序"？还是其他任何仍然赞成我们应该考虑的人？
推荐指数
解决办法
查看次数
Twitter Bootstrap删除跨度的保证金
我正在使用Twitter Bootstrap.我已经连续使用span8和span 4.无论如何要删除前导边距:距离行的第一个跨度20px而不需要手动超越它？
推荐指数
解决办法
查看次数
将Twitter Bootstrap与Asp.net MVC 3表单集成
我正在使用Asp.net MVC 3和Twitter Bootstrap.我想要的是整合它们.对我来说最大的问题是形式.我正在使用它HtmlHelper并且它是一个问题,当涉及到验证时,我希望它生成这样的HTML:
<div class="control-group error">
<label for="field" class="control-label">OMG this label is so awesome: </label>
<div class="controls">
<input type="text" name="field" id="field" value="yeah" />
<span class="help-inline">Eventually some error :C</span>
</div>
</div>
这是我的HtmlHelper代码:
@Html.LabelFor(x => x.Field)
@Html.EditorFor(x => x.Field)
@Html.ValidationMessagesFor(x => x.Field)
问题是我希望只有在这个字段上确实存在错误时才设置最外层div的类错误.其他问题是我不知道如何强制使用span标记来处理错误.我可以在HtmlHelper中编写我的方法,但它会让我重新实现几乎所有的功能LabelFor,EditorFor并且ValidationMessageFor.有更简单的方法吗？那不引人注目的验证怎么样？
forms asp.net unobtrusive-validation asp.net-mvc-3 twitter-bootstrap
推荐指数
解决办法
查看次数
使用Twitter Bootstrap的Fullcalendar？
Fullcalendar小部件非常棒.我在Twitter Bootstrap项目中使用它,它看起来非常完美.
但有一点可以说是按钮的HTML,例如前进,后退和今天.有没有办法改变Fullcalendar输出按钮代码的方式,使其符合Bootstrap的按钮组？例如:
<div class="btn-group">
<button class="btn">1</button>
<button class="btn">2</button>
<button class="btn">3</button>
</div>
如果没有,我想有一种方法是自己创建按钮并将它们连接到Fullcalendar小部件.但我不是一个jquery专家,我宁愿尝试更简单的东西.谢谢.
推荐指数
解决办法
查看次数
标签 统计
css ×3
jquery ×3
forms ×2
html ×2
asp.net ×1
css-position ×1
fullcalendar ×1
ios5 ×1
jsfiddle ×1
less ×1
minify ×1
modal-dialog ×1
popover ×1