草庐IT

jekyll-bootstrap

全部标签

javascript - Bootstrap 3 Navbar 切换 - 折叠但按钮不出现

我不知道我在这里做错了什么,但我认为这是非常愚蠢的事情。我在Umbraco6.0.5中使用Bootstrap3,但我无法使用切换开关来调整大小-宽度低于770像素时,导航会折叠,但没有用于切换它的按钮,或者更确切地说,有一些东西,如中所示代码和Firebug,但在Chrome和Firefox中不可见(没有尝试过IE)。有一个fiddle和下面的代码。我正在使用http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js,http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/

html - Bootstrap : how to disable vertical scrollbar?

当我的模态弹出窗口打开时,它会在浏览器窗口的右侧添加一个垂直滚动条。我该如何禁用它?我认为当模态窗口在需要滚动的高度值非常大时启用。我想禁用它,因为我的窗体高度不超过窗口高度。 最佳答案 在你的CSS中添加:body{overflow-y:hidden;} 关于html-Bootstrap:howtodisableverticalscrollbar?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/q

html - 防止 Bootstrap 表比跨度宽

下面是一个通常动态生成的内容。在页面的主要部分有一个。.有时这个div中的表格变得比div本身更宽(我检查了css,宽度设置为100%)。如果我只将短文本放入表中,或者如果我将div变宽,一切都很好。问题是:为什么表格可以变得比divclass=spanX宽?我一直在想,block元素会占用其父元素的宽度吗?相应td中的字符/空格数表的可能会有所不同。如何防止表格变得比div更宽?当然,我可以动态检查ts中的字符数。但是我该如何处理这些信息?http://jsfiddle.net/vNnc6/HTML:MySiteMyBrandHomeAboutBlogApps:AppOneMyWon

html - Bootstrap - 更改行和列的顺序

使用Bootstrap是否可以根据视口(viewport)有这两种不同的布局?我一直在搜索这个,我知道这些概念push,pull和responsiveutilities但我发现的示例结构更简单。在这种情况下,我宁愿不使用响应实用程序(因为会有很多重复处理)和/或JavaScript,只使用HTML和CSS操作。Here'safiddle智能手机上的布局错误...TitleATitleBTitleCGraphAGraphBGraphCListAListBListCTabletsanddesktopslayoutSmartphoneslayout 最佳答案

html - Bootstrap 3 模态响应

我有一个模式,但它没有在较小的屏幕(平板电脑等)上调整大小。有没有办法让它响应?找不到有关引导文档的任何信息。谢谢我更新我的html代码:(它在djangofor循环中)×ProductoNombre:{{p.name}}Cerrar我有这些css设置:.modal-lg{max-width:900px;}@media(min-width:768px){.modal-lg{width:100%;}}@media(min-width:992px){.modal-lg{width:900px;}} 最佳答案 来自docs:模

css - Bootstrap 响应式侧边栏菜单到顶部导航栏

所以我一直在寻找这方面的指导,但无济于事。基本上,我只想有一个侧边栏,但是当屏幕变小时,也就是智能手机屏幕变小,它就会变成导航栏。我的侧边栏HTML代码是这样的:-->AnimaciónIlustraciónInteracciónBlogAcercaContacto我的CSS:#fixed-sidebar{position:fixed;max-width:20%;color:white;}我不知道如何将其放入导航栏中。我所知道的是如何从一开始就制作导航栏,但我不想那样做!我不想要任何花哨的动画叠加多色Accordion式的东西,拜托-谢谢你:) 最佳答案

html - 在 Jekyll 标签中包含 HTML

我没有一直写出{%includelink_to.htmli=5text="helloworld"%},而是编写了一个允许我执行的自定义标签{%link_to5helloworld%}。它找到数据i等于5的页面并创建指向它的链接。但是在标签代码里面生成HTML字符串感觉很笨重,在HTMLinclude代码里面写复杂的代码逻辑也很别扭。那么有没有一种方法可以让标记定义完成查找要链接到的相关页面的繁重工作,并将找到的内容传递给link_to.html进行呈现?有点像Controller将信息传递给Rails中的View。 最佳答案 jav

html - Bootstrap 100% height with navbar

这基本上是我想要实现的:我希望整个页面的高度为100%,但是当我将侧边栏和正文设置为100%时,页面会从导航栏添加40px,因此即使不应该有滚动条,我也会得到一个滚动条。我通过使用表格解决了这个问题,但我确信一定有更简单的方法和css到目前为止我得到的:body,html,.container-fluid,.sidebar,.body{height:100%;min-height:100%;}.navbar{height:40px;position:relative;} 最佳答案 您必须从100%中减去导航栏的高度。有多种解决方案,

html - 围绕 Bootstrap 3 导航栏使用 NAV 和 DIV 有什么区别?

在最新的Bootstrap3导航栏示例中,我在网络上找到了外部导航栏标记的各种示例...和其他例子正在使用...所有示例都运行正常,文档要求NAV。这让我想知道网络上是否有很多示例是版本2的剩余部分,没有为版本3重写,或者使用任何一个周围标记都可以。Example 最佳答案 是主要导航元素的语义HTML5容器元素。Thenavisablocklevelelementusedtodenoteasectionofmajornavigationallinksonapage.Notalllinksshouldbewrappedwithina

html - Twitter-Bootstrap - 将简单元素内联

有没有办法把2元素显示内联?我试过了:jjjsss还有jjjsss但它不起作用。 最佳答案 默认情况下,anchor标记应显示为内联。你必须有一些额外的样式设置它们显示为block元素或类似的东西。使用您的代码,这是一个有效的JSFiddle.检查您的页面以找出设置anchor的display的位置,然后修改它或将元素设置为display:inlineafter那。因为你已经添加了class="inline"你可以简单地添加:a{display:block;/*Pre-existingcode*/}a.inline{display: