草庐IT

jekyll-bootstrap

全部标签

html - Bootstrap 中自适应行类中的基本居中元素

在我的页面上,我有很多元素,我需要在直列中连续显示多个元素。每个元素都是一个大小相等的图像。当你点击它时,在它的位置会出现三个一排的图标菜单。所有元素都应水平和垂直居中。可能有不同数量的大图像(6、7、8或更多),所以我想将它们添加到一个行类中。现在,我想我正在通过Bootstrap文档来做所有事情,但是页面steel上的元素逻辑似乎被破坏了。我做错了什么?Codepenexample我得到的截图:我需要的截图:请指出正确的方向。先感谢您。我可以在没有bootstrap的情况下完成它,b我希望它只能通过正确使用bootstrap和元素来完成,因为我想保存自适应布局。UPD@Legend

jquery - Bootstrap 4 - Nav - 隐藏额外的菜单项

我有一个类似这样的Bootstrap4布局:https://www.codeply.com/go/yLO99L66MD当导航元素太多时,我希望它们被隐藏,所以我添加了这个:nav{overflow:hidden}。这完成了工作,但问题是它也隐藏了我的下拉菜单。如何隐藏额外的菜单项,但仍允许下拉菜单显示可见项?NavbarHome(current)LinkDisabledDropdownActionAnotheractionSomethingelsehereaaaaaaaaaaaaabbbbbbbbbbbccccccccccccccccdddddddddddddeeeeeeeeeeeee

javascript - Bootstrap : select/option list doesn't get refreshed after programmatically adding item

我有以下选择/选项AlabamaWyoming在我的脚本部分,我有这个,效果很好。正在应用样式$(document).ready(function(){$('.bs-select').selectpicker();});我有一个按钮可以执行此操作:$('.bs-select').append($('',{value:0,text:"test"}));但是我的选择列表没有刷新。我尝试添加$('.bs-select').selectpicker();追加之后,但它仍然不起作用。如果我删除$(document).ready中的$('.bs-select').selectpicker(),我的

html - 如何在不使用 Bootstrap CSS 的情况下包含 Glyphicons

我的客户端元素使用了一些基本的HTML和CSS。但他们喜欢网站菜单上的Glyphicons。所以我只是尝试将Glyphicons包含在BootstrapCSS中,确实如此,但是在包含BootstrapCSS后其他css受到了影响。所以这个问题可能很愚蠢,我只想在没有bootstrapcss的情况下在客户端网站菜单链接中包含Glyphicons。首先可以吗?我知道Glyphiconsfree将随BootstrapPackage一起提供。另外,我的客户不希望我包含BootstrapCSS,因为它会影响页面结构。那么是否可以在没有Bootstrapcss或我自己的自定义css的情况下包含Gl

html - Bootstrap 分页中的禁用链接

我正在尝试使用Bootstrap的分页样式。文档说要像这样创建页面列表:«1234»前两个链接,左箭头和1,应该被禁用。但是,当我将它合并到我的django模板中时,这两个仍然可用。单击它们会将用户发送到页面顶部,就像任何其他带有id“#”的anchor链接一样。我想我仍然必须有它才能让Bootstrap正确设置样式。有没有一种方法可以编写此代码,以便当用户单击其中一个禁用的“按钮”时它不会执行任何操作? 最佳答案 在文档中,这些按钮只是手动禁用的。它与.pagination样式无关。你可以用那个$('.pa

javascript - 更改 Bootstrap 下拉菜单的方向

如何改变TwitterBootstrapdropdown的方向?我有一个这样的下拉列表:但我希望它看起来像这样: 最佳答案 来自http://getbootstrap.com/components/#dropdowns-alignment:Deprecated.pull-rightalignmentAsofv3.1.0,we'vedeprecated.pull-rightondropdownmenus.Toright-alignamenu,use.dropdown-menu-right.Right-alignednavcompone

html - 拉伸(stretch)图像以适应整个容器宽度的 Bootstrap

我有一个1300像素宽的图像,使用bootstrap我希望这个图像填满我设置为1300像素的容器的整个宽度。我创建一行,给它一个完整的12列,然后在图像中添加一类图像响应。通过此设置,我得到以下输出。我希望我的图像一直延伸到我的图像在我的内容中的位置,这是我的代码。/assets/img/homeBanner.jpg"alt="placeholder960"class="img-responsive"/>图片宽度设置为100%,所以不确定为什么它没有填满容器。 最佳答案 在bootstrap4.1中,对于小于要拉伸(stretch)

css - 如何使用 sass 正确避免在 HTML 上嵌入 twitter bootstrap 类名

我正在从事一个刚刚开始的Rails元素。我们想使用twitterbootstrap作为我们样式的基础,一开始我们只是直接在HTML代码上使用bootstrap的类名,就像bootstrap的文档中显示的那样,但是在阅读了以下帖子之后:LessonslearnedinmaintainablecssPleasestopembeddingBootstrapclassesinyourHTML很清楚为什么这不是使用bootstrap的正确原因,所以在阅读更多内容之后:DecoupleYourCSSFromHTMLsmacss除此之外,似乎使用sass@extend是避免使用bootstrap类名

html - 在 Jekyll 页面中包含 CSS 样式表

我已经使用Jekyll玩了几个星期了,我正在尝试为我的每篇博文创建一个默认样式,但我不确定应该在哪里以及如何完成。我的主索引页面在样式方面工作正常,但尽管尝试了各种方法,但我的帖子没有任何CSS传递给它们。博客文章的CSS应该写在_layouts/default.html还是_layouts/posts.html中,我是否必须指定我想要的样式表在YAML中使用,通过使用{%include...%},或通过编写{%ifpage.style%}{%endif%}我找不到给出明确答案的信息。 最佳答案 Jekyll的方法是采用您要用于最终

html - 选项中的图标 - Bootstrap + Font-awesome

我正在尝试将图标嵌入到选择列表中的选项中。使用字体超棒的图标,没有显示任何图标。Doesn'tworkinoption!我可以使用font-awesome来实现我需要的吗?还是我必须放弃使用font-awesome并为每个选项做一个手动CSS背景?JSFiddle:http://jsfiddle.net/mmXh2/1/ 最佳答案 您可以将FontAwesome用作unicode字体,并以跨平台的方式插入您的图标。您只需要查找每个图标的unicode值NowIshowtheprettycamera!