草庐IT

bootstrap-grid

全部标签

html - Bootstrap 3 - 具有不同部分的长格式 - 全角背景

我开始使用Bootstrap3并且表单非常长。我想用不同的全宽背景颜色分隔每个部分,我很好奇正确的标记是什么。应该像下面这样吗?Email 最佳答案 对不起,如果来晚了,但我正在寻找类似的东西。找到Panels基本Bootstrap中的实用程序并为我工作。希望可以帮助某人。 关于html-Bootstrap3-具有不同部分的长格式-全角背景,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi

html - React-Bootstrap 拉右导航栏

我正在使用react-bootstrap为我的网站设计样式。我想添加Navbar所有元素都镜像到右侧。exportdefaultclassXNavbarextendsReact.Component{render(){return(BrandHelloWorld)}}结果是但我真正想要的是什么[WorldHelloBrand]我尝试使用pullRight在上但它没有用。我还添加了,但这也没有帮助。我该怎么做? 最佳答案 对于像我这样无法让pullRight工作的人来说,添加ml-auto似乎效果更好。OneTwo在这里找到解决方案:h

html - React-Bootstrap 拉右导航栏

我正在使用react-bootstrap为我的网站设计样式。我想添加Navbar所有元素都镜像到右侧。exportdefaultclassXNavbarextendsReact.Component{render(){return(BrandHelloWorld)}}结果是但我真正想要的是什么[WorldHelloBrand]我尝试使用pullRight在上但它没有用。我还添加了,但这也没有帮助。我该怎么做? 最佳答案 对于像我这样无法让pullRight工作的人来说,添加ml-auto似乎效果更好。OneTwo在这里找到解决方案:h

html - bootstrap 词缀在滚动时一直 float 到左侧

我在容器中有一个div,我想将它固定在屏幕的右侧。但是当用户开始滚动时,它只是一直向左移动。感谢您的帮助。http://jsfiddle.net/kbLak/最近的事:recentstuff:RecentNoPhoto.xzxzViewMoreRecentVideoAlbumsNoVideo.testViewMoreRecentPNo.testViewMore 最佳答案 将此添加到您的css中,它将保持在右侧:.explore_recentAlbums{right:0;} 关于html-

html - bootstrap 词缀在滚动时一直 float 到左侧

我在容器中有一个div,我想将它固定在屏幕的右侧。但是当用户开始滚动时,它只是一直向左移动。感谢您的帮助。http://jsfiddle.net/kbLak/最近的事:recentstuff:RecentNoPhoto.xzxzViewMoreRecentVideoAlbumsNoVideo.testViewMoreRecentPNo.testViewMore 最佳答案 将此添加到您的css中,它将保持在右侧:.explore_recentAlbums{right:0;} 关于html-

javascript - 显示/隐藏(通过 Bootstrap 的折叠功能)基于单选按钮的 div

我正在尝试使用Bootstrap的折叠功能来根据选中的单选按钮显示/隐藏div。当我不使用Bootstrap的折叠功能时,我能够让事情正常工作,但是,为了给人一种更一致的感觉,我想利用这个功能。这是有问题的HTML片段:SendNowHoldforpickupFaxEmailSendPickupFaxEmail这是我的javascript代码:$(document).ready(function(){//Hideallbutonemethoddiv(sinceallareshownincasetheuserhasJSdisabled)$('#send').show();$('#pick

javascript - 显示/隐藏(通过 Bootstrap 的折叠功能)基于单选按钮的 div

我正在尝试使用Bootstrap的折叠功能来根据选中的单选按钮显示/隐藏div。当我不使用Bootstrap的折叠功能时,我能够让事情正常工作,但是,为了给人一种更一致的感觉,我想利用这个功能。这是有问题的HTML片段:SendNowHoldforpickupFaxEmailSendPickupFaxEmail这是我的javascript代码:$(document).ready(function(){//Hideallbutonemethoddiv(sinceallareshownincasetheuserhasJSdisabled)$('#send').show();$('#pick

html - 在 Bootstrap 3 中对齐输入并选择彼此相邻

我有这个代码片段,但是它在换行后呈现下拉菜单,什么是最好的bootstrap3col类来让它正确?(选择inputmedium-inline旁边的下拉菜单)MemoryGBMB 最佳答案 好的,这就是我要做的。首先将form-inline类添加到您的表单中。然后从标签和输入中删除col-lg类。同时删除所有不需要的div,这将导致以下html:标记MemoryGBMB屏幕抓取 关于html-在Bootstrap3中对齐输入并选择彼此相邻,我们在StackOverflow上找到一个类似的问

html - 在 Bootstrap 3 中对齐输入并选择彼此相邻

我有这个代码片段,但是它在换行后呈现下拉菜单,什么是最好的bootstrap3col类来让它正确?(选择inputmedium-inline旁边的下拉菜单)MemoryGBMB 最佳答案 好的,这就是我要做的。首先将form-inline类添加到您的表单中。然后从标签和输入中删除col-lg类。同时删除所有不需要的div,这将导致以下html:标记MemoryGBMB屏幕抓取 关于html-在Bootstrap3中对齐输入并选择彼此相邻,我们在StackOverflow上找到一个类似的问

html - 更改 Bootstrap 进度条背景(不是进度条,而是进度条背景)

目前我使用的是bootstrap进度条60%条形的默认颜色是蓝色,我已经设法改变了这一点。然而,未填充部分的默认背景是白色和灰色辐射,我如何将其更改为我自己的颜色? 最佳答案 您只需要用您自己的CSS覆盖.progress上的值即可。.progress{background-color:#aaa;-webkit-box-shadow:none;box-shadow:none;}这将移除进度条剩余部分的阴影,并将其更改为(在本例中)浅灰色。您可以在那里选择您想要的任何颜色值。这可以放在HTML本身(通常不是首选)或您自己的CSS文件中