草庐IT

jekyll-bootstrap

全部标签

html - Bootstrap pull-right 无法按预期工作

此处使用Bootstrap3的简单问题。我想创建一种小型过滤器来重新加载其下方的页面。我的要求是将此过滤器(两个输入和一个小按钮)与其下方的内容对齐,使其落在可能的最右位置。我尝试使用pull-right类,确实它向右拉过滤器,但仍有更多空间需要填充。如果您检查我在下面提供的示例,您会看到我的目标是将按钮与紫色行的右侧对齐,但它失败了。我真的不明白为什么会发生这种情况,但我认为它与行的一些边距/填充问题有关。我正在寻找一个解释为什么会发生这种情况的答案,这样我就可以理解问题并且不会'不要再处理它了:)。你可以查看我的标记byclickinghereonbootply另外,我会在这里发布

html - Bootstrap 中表单下方的中心按钮

我在使用Bootstrap时遇到了一些问题。我使用span6offset3将表单和按钮居中,但现在不知道如何将按钮置于此表单下。我尝试使用text-align:center但它仍然更靠左。Confirm 最佳答案 删除标记并在中添加按钮像这样:Confirm然后用以下方法扩充CSS类:.form-actions{margin:0;background-color:transparent;text-align:center;}这是一个JSBin演示:http://jsbin.com/ijozof/2寻找form-actions在Boo

html - 更改 Bootstrap 4 轮播控件颜色

我正在使用Bootstrap4.0为旋转木马使用白色背景,并且想更改控件的颜色。似乎bootstrap现在使用SVG作为他们的轮播图标。这意味着直接更改属性是行不通的。我目前也在为网站上的其他元素使用FontAwesome,所以如果有一种方法可以使用fa-chevrons并将其格式化,并且在调整大小和格式化方面仍然表现相同,那可能是一个有效的解决方案。这是我当前的控制元素代码:PreviousNext我发现了一个类似的问题here但无法理解那里提供的答案。我还找到了thisGitHub上的页面,但也无法使那里的任何答案对我有用。 最佳答案

html - Bootstrap (TB3) 不在 bootstrap (TB3) cols 中包装按钮文本

我在测验式应用程序中使用Bootstrap(Twitter-Bootstrap3),并使用Bootstrap按钮来获取测验的答案。我的问题是有时答案很长,而不是将文本包装到放置按钮的col的宽度,文本只是保持一行并超过col和宽度。有没有一种简单的方法来解决这个问题(请注意,随着答案长度的变化,我无法定义设置宽度)?显示代码有点困难,因为它使用javascript来填充答案按钮,但我将展示一个屏幕截图和结果填充的HTML(在javascript填充问题和答案之后):这是生成的HTML:Quiz4-Thisisthequiz4descriptionCode:80559Instructio

jquery - Twitter Bootstrap Accordion 全高面板

我一直在努力用twitterbootstrapaccordion来实现这一目标:一般来说,使用accordion(bootstrapscollapseplugin)并不是必须的。我想要实现的是:使用bootstrap作为基础框架,有固定顶部的导航栏,没有滚动条的全宽/全高内容,有3个独立的可折叠内容面板(始终只有一个展开),单击标题部分展开内容Pane(并折叠之前展开的Pane),仅在展开的内容Pane(图片中的DIV1|2|3)中进行滚动,当内容Pane折叠时,隐藏它们的溢出,让每个内容面板都有可配置的最小高度(对于它的“标题”),让它正确地用于响应式布局。真的很想在这方面得到一些帮

html - 为 Bootstrap 行中的元素添加左右边距

我有点困惑为什么bootstrap不会对列应用左右边距,我想要的只是一个简单的行,其中有3列,彼此之间的水平边距大约为20px。如果尝试执行该Bootstrap,只需将其中一个div剪辑到下一行。htmlBox1Box1Box1CSS.col-md-4{background-color:tomato;margin:20px5px;} 最佳答案 列的左右边距会破坏Bootstrap的网格行为。不要修改Bootstrap的类。添加您的自己的类(class)。在你的例子中多放一个在列中。并给它一个margin。HTMLBox1Box1Bo

javascript - Bootstrap 4.2.1 - 无法在 'querySelector' : 'Document' is not a valid selector 上执行 'javascript:void(0);'

我正在开展一个元素,该元素是我开始在bootstrap4.0.0上构建的。在这个元素中,每当bootstrap的新版本(4.1.0,4.1.3)出现时,我都会定期更新bootstrap,并且所有的东西都运行良好,直到我从那里更新到bootstrap4.2.1我在单击文档时在控制台中遇到错误UncaughtDOMException:Failedtoexecute'querySelector'on'Document':'javascript:void(0);'isnotavalidselector.我发现它是由下拉菜单引起的,因为这个错误下拉菜单不起作用。我还检查过,如果我使用href="

html - 在 Bootstrap 列内创建页脚

我正在使用这个Bootstrap模板here为我的应用程序创建一个页面。在中心列(col-sm-7)中,我将有一个表单,我想在底部创建一个页脚/导航栏/区域,它固定在底部,以便我可以添加按钮(例如保存,接下来,返回)。我正在尝试不同的东西,比如页脚元素、带有“navbar-fixed-bottom”的Bootstrap导航栏和一个带有div的普通行,其中bootom为0且位置固定,但没有似乎工作正常。问题是当我添加上述任何样式时,固定在底部的元素的宽度不会保持在中心(col-sm-7)列内。它最终跨越整个页面或不够。我只是无法将其包含在居中的列中这里的任何建议都可以将任何东西固定在中心

html - 如何使 Bootstrap 导航栏在移动菜单上下推整个页面?

虽然有arelatedquestion,他的问题似乎是我的解决方案,但我不知道如何取得进展。我正在使用固定在顶部的Bootstrap导航栏来制作...导航菜单。在移动页面(屏幕尺寸较小)上,我必须通过按右上角的一些菜单按钮来显示它们。但是,当菜单弹出时,我希望它将页面向下推,而不是覆盖它。这是我的代码..我应该做哪些编辑来摆脱覆盖?TogglenavigationBrandnoticeboardsignoutYourpage 最佳答案 您似乎已经定义了.navbar的高度,这会强制折叠的菜单覆盖。只需将.navbar中的高度更改为m

html - 在 Bootstrap 3 导航中删除品牌

首先,我已经用同样的问题访问了其他主题,没有任何答案给我。这是bootstrap3导航:正如您在左侧看到的,那里有一个“品牌”文本,用于在我删除的源代码中删除它:Brand结果是这样的:如您所见,“品牌”已被删除,但那里有我无法摆脱的空白空间...。我应该如何删除“品牌”留下的空白,让菜单从左边开始?谢谢 最佳答案 尝试将以下内容添加到您的CSS:.navbar.container-fluid,.navbar-collapse{padding-left:0;}.navbar-collapse.in{padding-left:30px