草庐IT

Bootstrap3

全部标签

javascript - 当网格底部有空白时,Bootstrap + Masonry 添加空白 div

我正在使用masonry+bootstrap并注意到当我有一个3列网格时我有10个元素,它会显示一个底部有2个空格的3x4网格。我怎么能在底部自动添加2个空的div来填充它而不是那些空白?那么总的div将变为12,其中2个div只是空白?这不应该固定为3列,但只要检测到有N个可以填充的空div,就应该动态添加空div。应该适用于加载和调整大小。.item大小不会有问题,因为它们都具有相同的宽度和高度(方框/正方形类型)我做了一个jsFiddle现在可以在最后一行的空白处添加填充符。这也适用于使用layoutComplete事件调整大小。但问题是,每当我调整大小时,它都会不断添加新的填充

html - Bootstrap 3 列内的固定高度可滚动 div

我见过类似的问题,但与我正在尝试的完全不同。大多数示例使整个col-md-2滚动,我需要滚动其中的内容。在一个流体容器中,我有一个左侧导航类型列和一个右侧内容列。在左列中,我想要一个位于顶部class="top"的div和一个位于底部class="bottom"的div。在中间我有一个列表。说底部和顶部是100px。我希望列表占据两者之间的所有空间,如果列表内容大于此区域,我希望它滚动。如果列表内容小于两者之间的空间,我希望它占据所有空间(而不是折叠)。这是一个伪例子:...one...one-thousand....top,.bottom{height:100px;}我之前可以通过给

html - Bootstrap 3 列内的固定高度可滚动 div

我见过类似的问题,但与我正在尝试的完全不同。大多数示例使整个col-md-2滚动,我需要滚动其中的内容。在一个流体容器中,我有一个左侧导航类型列和一个右侧内容列。在左列中,我想要一个位于顶部class="top"的div和一个位于底部class="bottom"的div。在中间我有一个列表。说底部和顶部是100px。我希望列表占据两者之间的所有空间,如果列表内容大于此区域,我希望它滚动。如果列表内容小于两者之间的空间,我希望它占据所有空间(而不是折叠)。这是一个伪例子:...one...one-thousand....top,.bottom{height:100px;}我之前可以通过给

html - 在 Visual Studio 中修改 Bootstrap.css 并更新缩小版本?

我正在使用VSExpress2013,尝试为Roadkillwiki自定义Bootstrap主题。我正在尝试用背景图片替换主体颜色。修改bootstrap.css很容易,但为了获得站点更新,您需要将更改推送到bootstrap.min.css。到目前为止,我只知道如何手动执行此操作。我正在寻找可以让缩小版本自动更新的任何方法。我猜这可能真的很简单,但我找不到任何关于如何做到这一点的步骤。 最佳答案 只需创建您自己的css文件并覆盖您想要更改的css设置即可。请务必在Bootstrap后加载您的覆盖css,以便您的覆盖优先。这样你根本

html - 在 Visual Studio 中修改 Bootstrap.css 并更新缩小版本?

我正在使用VSExpress2013,尝试为Roadkillwiki自定义Bootstrap主题。我正在尝试用背景图片替换主体颜色。修改bootstrap.css很容易,但为了获得站点更新,您需要将更改推送到bootstrap.min.css。到目前为止,我只知道如何手动执行此操作。我正在寻找可以让缩小版本自动更新的任何方法。我猜这可能真的很简单,但我找不到任何关于如何做到这一点的步骤。 最佳答案 只需创建您自己的css文件并覆盖您想要更改的css设置即可。请务必在Bootstrap后加载您的覆盖css,以便您的覆盖优先。这样你根本

html - Twitter Bootstrap 表单字段太小

我知道这个主题“听起来”很像外面的其他主题,但我已经查看了所有现有的线程(无论如何“大多数”),但我仍然有一个问题我可以使用帮助...问题与其他人所描述的并没有太大的不同:某些FORM元素不显示其完整的垂直高度其中最值得注意的是INPUT类型在按钮或“附加”类旁边看起来有点贫血最近我注意到一个更严重的问题……单选按钮变成“单选点”,因为它们太小了,几乎看不见。现在很多人通过确保在HTML文档顶部正确指定DOCTYPE来解决他们的问题。我也发现这个简单的调整对我的静态HTML模型起到了作用。可悲的是,当我切换到Wordpress时,问题再次出现,但我非常肯定地将HTML5DOCTYPE签

html - Twitter Bootstrap 表单字段太小

我知道这个主题“听起来”很像外面的其他主题,但我已经查看了所有现有的线程(无论如何“大多数”),但我仍然有一个问题我可以使用帮助...问题与其他人所描述的并没有太大的不同:某些FORM元素不显示其完整的垂直高度其中最值得注意的是INPUT类型在按钮或“附加”类旁边看起来有点贫血最近我注意到一个更严重的问题……单选按钮变成“单选点”,因为它们太小了,几乎看不见。现在很多人通过确保在HTML文档顶部正确指定DOCTYPE来解决他们的问题。我也发现这个简单的调整对我的静态HTML模型起到了作用。可悲的是,当我切换到Wordpress时,问题再次出现,但我非常肯定地将HTML5DOCTYPE签

javascript - 单击嵌套的 Bootstrap Dropdown <li> 时防止滚动

我有两个Bootstrap下拉菜单(拆分按钮)。当下拉菜单处于事件状态时,用户可以按从1到5的数字,但是当他们按其中任何一个时,用户将被重定向到页面顶部。我知道这是正常行为(考虑到他们正在单击“链接”),但我想防止这种影响,因为它会影响移动体验。我尝试在我的jQuery代码中使用returnfalse,但是这样做,当下拉列表处于事件状态时,无法在下拉列表中选择任何元素。有替代方案吗?HTML:Add1vectorToggleDropdown12345jQuery:$('#ajoutera').on('click',function(){nombre_ajout=parseInt($(t

javascript - 单击嵌套的 Bootstrap Dropdown <li> 时防止滚动

我有两个Bootstrap下拉菜单(拆分按钮)。当下拉菜单处于事件状态时,用户可以按从1到5的数字,但是当他们按其中任何一个时,用户将被重定向到页面顶部。我知道这是正常行为(考虑到他们正在单击“链接”),但我想防止这种影响,因为它会影响移动体验。我尝试在我的jQuery代码中使用returnfalse,但是这样做,当下拉列表处于事件状态时,无法在下拉列表中选择任何元素。有替代方案吗?HTML:Add1vectorToggleDropdown12345jQuery:$('#ajoutera').on('click',function(){nombre_ajout=parseInt($(t

html - Bootstrap 3 表格响应不起作用。 X 滚动条出现在整个网站而不是表格上

当我的屏幕宽度减小到小于我的表格能够显示的最小宽度时,而不是在table-responsive上获得水平滚动条包装器,它增加了我整个网站的宽度。我已经尝试了我遇到的每一个SO解决方案,但没有成功。我怀疑这与我的flexbox样式有关。基本上,我已经设计了我的网站样式,以便我的主页内容部分(位于内)将在考虑页脚和粘性页眉后占据视口(viewport)的剩余高度。到目前为止,除了这个问题,我没有遇到任何问题。如何阻止表格扩展我网站的宽度?编辑:Here'saJSFiddle如果您不喜欢SO的内置代码段功能。$(document).ready(function(){$("a").on("cl