草庐IT

bootstrap-4

全部标签

javascript - 以模式重新加载内容(twitter bootstrap)

我正在使用TwitterBootstrap的模式弹出窗口。×Header我可以使用带有此a元素的ajax加载内容:Openmodal现在我必须打开相同的模式但使用不同的url。我正在使用此模式从我的数据库中编辑一个实体。因此,当我在实体上单击编辑时,我需要加载带有ID的模态。OpenmodalOpenmodalOpenmodal如果我点击链接1,它工作正常。但是,如果我随后单击链接2,模态内容已经加载,因此它将显示链接1中的内容。如何刷新或重置TwitterBootstrap模式弹出窗口中的ajax加载内容? 最佳答案 我想这样做的

javascript - 以模式重新加载内容(twitter bootstrap)

我正在使用TwitterBootstrap的模式弹出窗口。×Header我可以使用带有此a元素的ajax加载内容:Openmodal现在我必须打开相同的模式但使用不同的url。我正在使用此模式从我的数据库中编辑一个实体。因此,当我在实体上单击编辑时,我需要加载带有ID的模态。OpenmodalOpenmodalOpenmodal如果我点击链接1,它工作正常。但是,如果我随后单击链接2,模态内容已经加载,因此它将显示链接1中的内容。如何刷新或重置TwitterBootstrap模式弹出窗口中的ajax加载内容? 最佳答案 我想这样做的

javascript - 单击按钮和鼠标离开后,Bootstrap 的工具提示不会消失

我对Bootstrap的工具提示有问题:当我点击一个按钮时,即使光标在按钮之外,工具提示也会保留。我查看了手册-Bootstrap'stooltip如果我点击按钮,我会看到同样的问题。有解决办法吗?刚刚在最新的FF、IE中试过。 最佳答案 这是因为未设置trigger。触发器的默认值为'hoverfocus',因此在单击按钮后工具提示保持可见,直到单击另一个按钮,因为该按钮是focused。所以你所要做的就是将trigger定义为'hover'only。在您链接到的相同示例下方,单击按钮后没有保留工具提示:$('[data-togg

javascript - 单击按钮和鼠标离开后,Bootstrap 的工具提示不会消失

我对Bootstrap的工具提示有问题:当我点击一个按钮时,即使光标在按钮之外,工具提示也会保留。我查看了手册-Bootstrap'stooltip如果我点击按钮,我会看到同样的问题。有解决办法吗?刚刚在最新的FF、IE中试过。 最佳答案 这是因为未设置trigger。触发器的默认值为'hoverfocus',因此在单击按钮后工具提示保持可见,直到单击另一个按钮,因为该按钮是focused。所以你所要做的就是将trigger定义为'hover'only。在您链接到的相同示例下方,单击按钮后没有保留工具提示:$('[data-togg

javascript - 如何创建在 Bootstrap 3 中也可以放大的响应图像

我目前正在使用twitterbootstrap3,但在创建响应图像时遇到了问题。我使用了img-responsive类。但是图像大小没有按比例放大。如果我使用width:100%而不是max-width:100%那么它就可以完美运行。问题出在哪里?这是我的代码: 最佳答案 Bootstrap的响应式图像类将max-width设置为100%。这限制了它的大小,但不会强制它拉伸(stretch)以填充比图像本身大的父元素。您必须使用width属性来强制放大。http://getbootstrap.com/css/#images-resp

javascript - 如何创建在 Bootstrap 3 中也可以放大的响应图像

我目前正在使用twitterbootstrap3,但在创建响应图像时遇到了问题。我使用了img-responsive类。但是图像大小没有按比例放大。如果我使用width:100%而不是max-width:100%那么它就可以完美运行。问题出在哪里?这是我的代码: 最佳答案 Bootstrap的响应式图像类将max-width设置为100%。这限制了它的大小,但不会强制它拉伸(stretch)以填充比图像本身大的父元素。您必须使用width属性来强制放大。http://getbootstrap.com/css/#images-resp

javascript - Bootstrap 模式 : background jumps to top on toggle

我有一个关于模态的问题。我在页面上有一个按钮,可以切换模式。当模式出现时,页面跳转到顶部。我已尽我所能找到解决方案/等等,但我真的迷路了。编辑:我也尝试过:$('#myModal').modal('show');但它具有完全相同的效果。 最佳答案 当模式打开一个modal-open类设置为标签。本类(class)集overflow:hidden;到body。将此规则添加到您的样式表以覆盖bootstrap.css样式:body.modal-open{overflow:visible;}现在滚动条应该留在原地。

javascript - Bootstrap 模式 : background jumps to top on toggle

我有一个关于模态的问题。我在页面上有一个按钮,可以切换模式。当模式出现时,页面跳转到顶部。我已尽我所能找到解决方案/等等,但我真的迷路了。编辑:我也尝试过:$('#myModal').modal('show');但它具有完全相同的效果。 最佳答案 当模式打开一个modal-open类设置为标签。本类(class)集overflow:hidden;到body。将此规则添加到您的样式表以覆盖bootstrap.css样式:body.modal-open{overflow:visible;}现在滚动条应该留在原地。

javascript - 如何使用 Bootstrap 将 ng-repeat 数据拆分为三列

我在我的代码中使用ng-repeat我有“n”个基于ng-repeat的文本框。我想将文本框与三列对齐。这是我的代码{{$index+1}}. 最佳答案 最可靠和技术上正确的方法是在Controller中转换数据。这是一个简单的block功能和用法。functionchunk(arr,size){varnewArr=[];for(vari=0;i那么您的View将如下所示:{{item}}如果您在ng-repeat中有任何输入,您可能希望在修改或提交数据时取消分block/重新加入数组。这是在$watch中的样子,以便数据始终以原始

javascript - 如何使用 Bootstrap 将 ng-repeat 数据拆分为三列

我在我的代码中使用ng-repeat我有“n”个基于ng-repeat的文本框。我想将文本框与三列对齐。这是我的代码{{$index+1}}. 最佳答案 最可靠和技术上正确的方法是在Controller中转换数据。这是一个简单的block功能和用法。functionchunk(arr,size){varnewArr=[];for(vari=0;i那么您的View将如下所示:{{item}}如果您在ng-repeat中有任何输入,您可能希望在修改或提交数据时取消分block/重新加入数组。这是在$watch中的样子,以便数据始终以原始