草庐IT

jekyll-bootstrap

全部标签

html - 超过 12 个带有水平滚动条的 Bootstrap 列

我正在尝试使用Bootstrap网格系统制作表格。我知道我们每行应该只使用12列。但我希望整个表格有超过12列的水平滚动条。所以我正在尝试使用以下代码片段Field1Field2Field3Field4Field5Field6Field7Field8我想像上面提到的那样在一行中显示8个字段。但是在第6场之后,其他两个场都在下降。有没有办法让所有8个字段都在水平滚动的一行中。 最佳答案 Bootstrap网格的四个技巧1)8列您可以使用嵌套网格。没有任何表格或定制。例如:Field1Field2Field3Field4Field5Fi

html - Twitter Bootstrap 中的全宽英雄单元

在thisexamplelayout我只希望英雄单位的宽度为100%并位于默认网格内。例如,checkthissite.它只有全宽的英雄单元部分(展示区)和固定宽度的其余部分(导航、底部内容、页脚)。我需要在不丢失响应式设计功能的情况下执行此操作。 最佳答案 将你的.hero-unitdiv移到你的.containerdiv之外。.container样式将您限制在设定的宽度内。并且其中的任何内容都将具有其父级的最大宽度。而不是:使用: 关于html-TwitterBootstrap中的全

html - 使用 Bootstrap 使 Logo 图像响应

我正在为站点标题使用Bootstrap。如果我想让网站的Logo响应,我应该有两个Logo图像(一个用于桌面,一个用于移动)还是应该调整图像Logo的大小?获得它的最佳方法是什么?谢谢。那是我的代码:TogglenavigationHomeAboutContacts 最佳答案 我不认为这个问题只有一个答案,但我会尽力阐明您的选择。使用Bootstrap,您可以将.img-responsive类添加到图像,以使其随页面宽度调整大小。根据Bootstrap'sdocumentation:ImagesinBootstrap3canbema

html - Bootstrap 3 模态位置

我在将模态窗口定位在窗口中央时遇到问题。它显示右侧的位置。我错过了什么,这似乎是我无法解决的CSS问题?感谢您的建议!×Iamamodalwindow,andnoonecanbeatme!Thisisatestmodal!Loremipsumdolorsitamet,consecteturadipisicingelit.Voluptatibus,omnis,suntillumetminimafacilisrerumeaqueullamquasiaperiamsolutabeataeveroatquepariaturabadtemporibusaccusamusnecessi

javascript - 使用 knockoutjs + twitter bootstrap 跟踪标签

我试图在View模型中跟踪选定的选项卡,但我似乎无法让它工作。在以下代码中,当您单击选项卡时,标题将正确更新,但不会显示选项卡的内容。如果您删除,请单击:$parent.selectSection然后显示内容,但标题不会更新。现在,如果您从li中删除data-bind="css:{active:selected}"那么当您单击选项卡时它似乎可以工作,但是选择第二个选项卡的按钮没有。我怎样才能让它工作?参见:http://jsfiddle.net/5PgE2/3/HTML:Selected:SelecttabTwoJS:varSection=function(name){this.nam

html - 按钮和分页的 Bootstrap 对齐

我正在使用TwitterBootstrap3构建我的新网站。我想在左侧放置一个按钮,在右侧放置一个分页。Default«12345»我的问题是我无法正确对齐这两个元素:http://bootply.com/91723分页有一个小的偏移量。我该怎么做才能消除该偏移量? 最佳答案 在您的按钮和分页周围包装一个语义描述类,例如.navigation-bar并使用它来定位.pagination上的边距:.navigation-bar.pagination{margin-top:0;}http://bootply.co

html - 在 bootstrap 3 水平形式中组合输入组和形式组

我用3个输入元素制作了一个jsfiddle:http://jsfiddle.net/zb4dc/1/如您所见,它们并没有很好地对齐。如何做到这一点?Input1Input2.00Input3 最佳答案 您刚刚在第二个输入字段中忘记了col-sm-10。这是您更正后的代码:Input1Input2.00Input3fiddle:http://jsfiddle.net/zb4dc/2/ 关于html-在bootstrap3水平形式中组合输入组和形式组,我们在StackOverflow上找到一

html - Twitter bootstrap 3 RC2 - 在 IE8 中导航不工作

我正在使用TwitterBootstrap3RC2在我的页面顶部创建一个导航栏,它在IE8中工作正常。在IE8中,浏览器好像变小了,因此菜单会折叠以供移动设备查看。但事实并非如此。现在我知道TB3仍在进行中。但我想知道这里是否有人对此有解决方案。如果你想检查我的IE8问题,请看这里:http://jsfiddle.net/DnwJN/embedded/result/(您需要直接链接,因为它本身的JSFiddle不适用于IE8)这是JSFiddle:http://jsfiddle.net/DnwJN/您会发现导航栏在所有其他浏览器中都可以正常工作。甚至IE9。但不是IE8。而且TB3确实

html - Bootstrap Accordion - 开始全部关闭

所以我的页面上有一个bootstrap风格的Accordion-但在开始时,第一个面板是打开的。我怎样才能让它在您加载页面时全部关闭?任何帮助将不胜感激!非常感谢!OverviewContentspanel1UtilitiesContentspanel2OrganizationContentspanel3IntegrationsContentspanel3EssentialsContentspanel3SalesContentspanel3SupportContentspanel3ProjectsContentspanel3 最佳答案

html - 如何使用 Bootstrap 使面板标题可点击?

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭3年前。Improvethisquestion我正在尝试创建一个移动网站,我希望折叠框可点击,而不仅仅是文本。我已经上传了网站。http://kristian-jacobs.dk/mobileapp/提前致谢。