草庐IT

BOOTSTRAP

全部标签

html - Bootstrap 3 - 用 Iframe 100% 填充一个区域

我正在修改仪表板示例并尝试用iframe完全填充页面的一个区域,以便它延伸到边缘,但我在这样做时遇到了问题。基本上我有导航、侧边栏,我想用iframe完全填充页面区域,但它会创建水平边距并且不会垂直拉伸(stretch)iframe。有谁知道我怎样才能填满整个区域?如果页面缩小,则还需要在可能的情况下在响应式View中工作。编辑:我认为问题与Bootstrap有关,也许我需要覆盖一些CSS或更改列设置?编辑2:好的,我已经回答了我的问题,现在在添加了一个新的css规则并稍微调整了Bootstrap代码之后让它拉伸(stretch)了一个完整的区域,但是我现在需要去掉一个小的边距/边框的

html - Bootstrap 3 - 用 Iframe 100% 填充一个区域

我正在修改仪表板示例并尝试用iframe完全填充页面的一个区域,以便它延伸到边缘,但我在这样做时遇到了问题。基本上我有导航、侧边栏,我想用iframe完全填充页面区域,但它会创建水平边距并且不会垂直拉伸(stretch)iframe。有谁知道我怎样才能填满整个区域?如果页面缩小,则还需要在可能的情况下在响应式View中工作。编辑:我认为问题与Bootstrap有关,也许我需要覆盖一些CSS或更改列设置?编辑2:好的,我已经回答了我的问题,现在在添加了一个新的css规则并稍微调整了Bootstrap代码之后让它拉伸(stretch)了一个完整的区域,但是我现在需要去掉一个小的边距/边框的

javascript - 如何在 Bootstrap 中统计消息/警报指示器的总数?

我不熟悉要搜索的确切术语和关键字,我才刚刚开始设计。所以我想问一下警报指示器这个词是否正确。我如何才能在TwitterBootstrap上做到这一点?下面是我想要完成的指标的图像。谢谢.. 最佳答案 看看Bootstrap的徽章:http://getbootstrap.com/components/#badges创建一个类,为字形图标和徽章指定一个容器,并将徽章放置在距图标固定的偏移处。像这样:19像这样使用CSS:.notification-icon.glyphicon{...}.notification-icon.badge{.

javascript - 如何在 Bootstrap 中统计消息/警报指示器的总数?

我不熟悉要搜索的确切术语和关键字,我才刚刚开始设计。所以我想问一下警报指示器这个词是否正确。我如何才能在TwitterBootstrap上做到这一点?下面是我想要完成的指标的图像。谢谢.. 最佳答案 看看Bootstrap的徽章:http://getbootstrap.com/components/#badges创建一个类,为字形图标和徽章指定一个容器,并将徽章放置在距图标固定的偏移处。像这样:19像这样使用CSS:.notification-icon.glyphicon{...}.notification-icon.badge{.

html - 在 Bootstrap 中为表格和行赋予高度

我正在使用Bootstrap3,我正在尝试为table和row提供高度,但没有任何效果。我尝试设置line-height和表格的其他属性,如何增加高度?div#description{background-color:gray;height:25%;border:2pxblack;}tr{line-height:25px;}.container{height:100%}table{height:100%}#topicstr{line-height:14px;}HelloHello2 最佳答案 对于刚刚设置好tr{line-heigh

html - 在 Bootstrap 中为表格和行赋予高度

我正在使用Bootstrap3,我正在尝试为table和row提供高度,但没有任何效果。我尝试设置line-height和表格的其他属性,如何增加高度?div#description{background-color:gray;height:25%;border:2pxblack;}tr{line-height:25px;}.container{height:100%}table{height:100%}#topicstr{line-height:14px;}HelloHello2 最佳答案 对于刚刚设置好tr{line-heigh

html - bootstrap 3 输入组 100% 宽度

在bootstrap文档中,他们有跨越100%宽度且没有额外标记的输入组:http://getbootstrap.com/components/#input-groups.00如果不在input-group上明确定义width:100%,我似乎无法让我的输入组跨越100%。请注意,我稍微调整了标记:CSS:.clear{display:table-cell;}我创建了一个fiddle来表示这个问题:http://jsfiddle.net/Wexcode/B9LMN/ 最佳答案 将width:1%添加到input元素的兄弟元素可以解决

html - bootstrap 3 输入组 100% 宽度

在bootstrap文档中,他们有跨越100%宽度且没有额外标记的输入组:http://getbootstrap.com/components/#input-groups.00如果不在input-group上明确定义width:100%,我似乎无法让我的输入组跨越100%。请注意,我稍微调整了标记:CSS:.clear{display:table-cell;}我创建了一个fiddle来表示这个问题:http://jsfiddle.net/Wexcode/B9LMN/ 最佳答案 将width:1%添加到input元素的兄弟元素可以解决

html - 在 Bootstrap 3.3.2 中更改 Navbar 断点

这个问题在这里已经有了答案:ChangebootstrapnavbarcollapsebreakpointwithoutusingLESS(18个答案)关闭4年前。我正在使用TwitterBootstrap构建一个粗略的导航栏。有一个断点,设备的宽度会导致导航栏元素折叠并显示菜单按钮:如何更改断点以便导航栏更快地折叠?目前,当它遇到Logo时,它能够换行,看起来不太好:我已经尝试了详细的修复here,但它似乎破坏了折叠的菜单(之后无法再次展开)。这是html:HOMESERVICESCutting&StylingColoringPermanentHairStraightening&Re

html - 在 Bootstrap 3.3.2 中更改 Navbar 断点

这个问题在这里已经有了答案:ChangebootstrapnavbarcollapsebreakpointwithoutusingLESS(18个答案)关闭4年前。我正在使用TwitterBootstrap构建一个粗略的导航栏。有一个断点,设备的宽度会导致导航栏元素折叠并显示菜单按钮:如何更改断点以便导航栏更快地折叠?目前,当它遇到Logo时,它能够换行,看起来不太好:我已经尝试了详细的修复here,但它似乎破坏了折叠的菜单(之后无法再次展开)。这是html:HOMESERVICESCutting&StylingColoringPermanentHairStraightening&Re