草庐IT

$bootstrap

全部标签

html - 如何将 Bootstrap 按钮移动到左侧

这是我的Bootstrap代码SearchplusGoto这是一个jsfiddle如何提供顶部填充以及如何在按钮之间留出一些空间并将加号和转到按钮移动到右侧 最佳答案 为这两个按钮添加另一个div并赋予float:right对于它们之间的差距给出marginbutton{margin-right:6px}DEMOUPDATED 关于html-如何将Bootstrap按钮移动到左侧,我们在StackOverflow上找到一个类似的问题: https://stac

html - 为什么 .navbar mixin 在 Bootstrap 2.3 中不起作用?

我一直在尝试将在HTML中包含类的Bootstrap示例转换为使用LESS混入。到目前为止我已经成功了,但是我的菜单遇到了问题。目前我在我的主.less文件中使用以下内容(我已经包含了bootstrap.less):#container#menu{.navbar;.navbar-inverse;.navbar-fixed-top;div{.navbar-inner;ul{.nav;}}}和相应的HTML:正在应用navbar-inverse和navbar-fixed-top,但是navbar和nav没有'工作。 最佳答案 看来你误解

javascript - 使用 bootstrap-modal modalOverflow 检测滚动事件?

我在我的模态中使用了一些工具提示和日期选择器。如何检测溢出模式是否已滚动,以便我可以重新定位任何打开的float元素并根据模式滚动位置重新定位它们?谢谢window.scroll没有触发!这里有一个例子:长模态(页面底部)http://jschr.github.io/bootstrap-modal/ 最佳答案 好的,我整理好了。滚动事件不会传播到DOM的文档级别,因此$(document).on不起作用。我用这个hack解决了这个问题。这确实起作用了。$(document).on("shown","#modalcontact",fu

html - Bootstrap 3 : Two forms on the same line

我制作了两张表格用于注册。当我将下面的代码添加到页面时,第二个字段会自动下降到第一个字段下方。我希望它除此之外。Register这是一个在普通html(currently)中的示例,这就是我希望它看起来的样子。但是在Bootstrap中它不断地换行 最佳答案 引用inlineformstyling在Bootstrap的网站上。EmailaddressPassword或者,您也可以usecolumns将表单元素并排放置: 关于html-Bootstrap3:Twoformsonthesam

javascript - 在 Twitter Bootstrap 3.0 中滚动时使用 href 动态设置 popover 值

我需要使用TwitterBootstrap3.0制作一个显示iframe的弹出窗口,它应该使用href的onmouseover事件根据链接中提供的值显示iframe。我得到了第一个链接,但在3.0中没有,但在2.0.2中,但是第二个链接应该更改变量的值并显示不同的iframe,我似乎不知道该怎么做.$(window).load(function(){varimg='';$("#blob").popover({title:'Last10spotsfortheselectedstation',content:img});})hoverforpopover';""style="margin-

html - Center Bootstrap Navbar——不明白为什么导航不会居中

我今天才开始学习bootstrap,我正在使用他们在此页面上的示例http://getbootstrap.com/examples/offcanvas/如您所见,如果您转到该页面,导航会向左对齐。我试图使用我在普通CSS中所做的事情,即:margin-right:auto和margin-left:auto我也试过text-align:center这些都没有用,我已经阅读了他们的导航文档,但我不明白我应该在这里做些什么。下面是该导航页面的代码。我试图将标签一次单独地放入所有4个导航容器中:TogglenavigationProjectnameHomeAboutContact

html - Twitter-bootstrap 3 在窗口调整大小和页脚时贴上侧边栏重叠内容

当我对bootstrap3使用词缀并调整窗口大小时,我遇到重叠边栏的问题。有没有办法添加一些css类,而不是重叠列,菜单附加到顶部?该列也与页脚重叠。任何帮助将不胜感激。似乎很多人都有同样的问题。这是HTML:SoftwareFeaturesBenefitsCostsblah,blah,blahSoftwareblah,blah,blah...这是CSS:#sidebar.affix-top{position:static;}#sidebar.affix{position:fixed;top:100px;} 最佳答案 演示:http

html - Bootstrap 布局不适用于 Safari

我制作了一个网站,其中的布局可以在任何浏览器中完美呈现,但Safari......列没有对齐我从它们的div中获取图像。我不知道为什么会这样。你遇到过这样的问题吗?这是代码示例(使用Bootstrap4):{{sections[section.sections[0]]['name']}}{{sections[section.sections[1]]['name']}} 最佳答案 对于仍然有此问题的任何人,我可以通过添加来解决它.row:before,.row:after{display:flex!important;}显然这不是最优

javascript - Twitter Bootstrap .popover 不工作

我试图让TwitterBootstrap的.popover正常工作,我几乎复制了我网站上的代码,但它告诉我Object[objectobject]在inspect元素上没有方法'popover'。我在bootstrap-tooltip.js和bootstrap-popover.js之前导入了jquery,这些文件确实显示在检查元素中。这是我试图为其获取弹出窗口的实际按钮:hoverforpopover这是javascript:$(function(){$('#example').popover();}); 最佳答案 问题是需要在po

javascript - 我应该如何归因于 Twitter bootstrap 的 glyphicons 组件?

在GitHub的TwitterBootstrap页面上BaseCSSpage'ssectiononicons是这样说的:GlyphiconsHalflingsarenormallynotavailableforfree,butanarrangementbetweenBootstrapandtheGlyphiconscreatorshavemadethispossibleatnocosttoyouasdevelopers.Asathankyou,weaskyoutoincludeanoptionallinkbacktoGlyphiconswheneverpractical.这种归因是否应