Tag: twitter bootstrap 3

Bootstap 3 scrollspy更改div的类

我可以使用scrollspy来更改div的类。 我可以重写代码来做到这一点但是如果有一种方法来调整scrollspy来做它我显然更喜欢去那条路线。 改变为 当用户滚动过去时

bootstrap3-datetimepicker并不总是按预期工作

我正在使用meteor-bootstrap3-datetimepicker 。 以下是我使用日期选择器的地方: Adjust Date and Time 我使用onRendered因为它显示在他们的GitHub页面中: Template.requestView.onRendered(function() { this.$(‘.datetimepicker’).datetimepicker(); }); 我的期望:当我按下文本字段( 标签)时打开日期时间弹出窗口,如下图所示: 问题是日期时间弹出窗口只出现在我身上三次:一次在Google Chrome中,两次在Safari中。 当我按下文本字段时,为什么它很少出现?

Twitter Bootstrap Popover错误

我在twitter bootstrap popover示例中遇到了一些错误 HTML Popover 包含的脚本标记 src=”http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js” src=”js/bootstrap.js” src=”js/Tooltip.js” src=”js/Popover.js” 我的JavaScript $(function() { $(‘example’).popover(); }); 我下载了以下库: bootstrap.js bootstrap.min.js popover.js tooltip.js 但代码仍然无效

可变高度,可滚动div,内容浮动

我正在尝试构建这个Web应用程序的东西(它最终会为我的社区影院组提供舞台/道具/阙管理系统)并且我遇到了相当困难的问题。 如果以前已经回答过这个问题,我当然无法找到与此特定问题相关的任何内容。 这是我尝试的最后两个。 从理论上讲,他们有最好的工作机会,但……他们没有工作。 问题/ 2758651 /如何对变化高度DIV-上改变窗口大小 问题/ 16837525 /调整-DIV高度与 – jQuery的 所以我正在做的是创建一个页面,resize以适应当前的屏幕不动产我的问题是中央滚动div和’侧边栏’滚动div仅在它们具有固定高度时滚动。 基本上,如果我在CSS中使用百分比高度,无论overflow: scroll;如何,它都会成为其内容的大小overflow: scroll; 正在设置。 我认为这与float:left; 所有col-*-*元素的定义。 我无法理解的是,当我将div设置为固定高度(比如height:300px; )时,一切正常。 因此,为什么我正在尝试JS / JQ解决方案,但显然甚至$(window).height()在Chrome中获取文档高度而不是’viewport’高度。 这是页面,因为它具有固定的高度。 http://azarel-howard.me/stage-management/props-manager/我尝试了一些JS解决方案,但……它们似乎没有运行。 或者他们遇到了同样的问题。 编辑:代码按要求; Scene 1 Speaker-1: Speaker’s text Stage Props Scene 1 ‹ › Current Que Next Que CSS参考:这些摘录直接从bootstrap.css中提取 .col-lg-9, .col-lg-3 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; […]

打开响应式菜单时,覆盖Bootstrap 3站点中的内容区域

当有人打开导航堆叠菜单时,我怎样才能用半透明[50%alpha]覆盖覆盖Bootstrap 3网站的内容区域,只有在手机上查看网站时[即仅用于@media(最大宽度) :767px)] 这甚至可以用CSS还是我必须使用一些jQuery? UPDATE 谢谢你们 – 你提供了线索,我最终做的是: $(“.navbar-toggle”).click(function(){ $(“”).appendTo($(“.content, .footer”).css(“position”, “relative”)); }) // and some css /* navigation overlay */ div.overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); }

bootstrap table filter-control – 如何从select选项中取消设置不必要的值

使用带有filter控制扩展的whenzhixin的Boostrap表。 http://bootstrap-table.wenzhixin.net.cn/extensions/#table-filter-control 当我们有许多选择filter时,更新filter选项并隐藏当前数据视图中不存在的值将会很棒。 我会在jsfiddle上更好地解释它。 https://jsfiddle.net/e3nk137y/3345/ 如果我们选择“First”:“A”而不是filter“Second”选项“3”应该被禁用/停用。 通常,在每次过滤操作后更新所有filter选项会很棒。 我也在https://github.com/wenzhixin/bootstrap-table/issues/1540上创建了一个问题

获取javascript highcharts以在Bootstrap Popover中呈现

标题非常明显。 这是一个带有popover和highcharts js代码的jsfiddle。 图表仅显示您是否在弹出窗口外移动目标div。 Dismissible popover $(function () { $(‘#container’).highcharts({ title: { text: ‘Monthly Average Temperature’, x: -20 //center }, subtitle: { text: ‘Source: WorldClimate.com’, x: -20 }, xAxis: { categories: [‘Jan’, ‘Feb’, ‘Mar’, ‘Apr’, ‘May’, ‘Jun’, ‘Jul’, ‘Aug’, ‘Sep’, ‘Oct’, ‘Nov’, ‘Dec’] }, yAxis: { title: { text: ‘Temperature (°C)’ }, plotLines: [{ value: […]

从动态按钮将特定值传递给模态

我的页面上有一些不同的模态需要传递给它们的数据。 我用另一个问题解决了这个问题 ,现在让我使用jQuery并且非常有帮助。 这就是我现在拥有的: $(document).on(“click”, “.edit”, function () { $(“.modal-body #value”).val($(‘.edit’).data(‘id’)); }); 我的问题是,由于我的页面有动态创建的按钮(来自基于模型的foreach),无论我点击哪个按钮,这都会从第一个按钮获取值。 如何从单击的按钮获取值。 我想给他们所有单独的id,但我不想为每个id创建一个函数。 我读到这个.on方法有一个数据属性,但我找不到一个如何使用它的好例子,以及它是否适用于我的情况。 如果有人有任何建议我会非常感激。 谢谢!

单击里面时保持Bootstrap下拉打开

我有一个bootstrap下拉菜单。 我希望它在我点击它时保持打开状态 ,但在单击下拉切换按钮或菜单外部时关闭。 当我在input时,下拉列表似乎没有关闭,但当我点击下拉列表中的任何其他位置时,它会关闭。 问:如何通过使用jQuery来避免这种情况? 以下是我的HTML : MENU HELLO Bootply中的演示

Bootstrap 3 mouseover图像响应

针对Bootstrap 3的响应式图像鼠标hover是否有任何解决方案? 这是我的代码: http : //jsfiddle.net/4gac7/ .image{ background-image:url(“http://placehold.it/350×150/000/fff”); width:350px; /* responsive possible ?? */ height:150px; } .image:hover{ background-image:url(“http://placehold.it/350×150/ccc/fff”); } 谢谢!