草庐IT

bootstrap-4

全部标签

html - Twitter Bootstrap 表单字段太小

我知道这个主题“听起来”很像外面的其他主题,但我已经查看了所有现有的线程(无论如何“大多数”),但我仍然有一个问题我可以使用帮助...问题与其他人所描述的并没有太大的不同:某些FORM元素不显示其完整的垂直高度其中最值得注意的是INPUT类型在按钮或“附加”类旁边看起来有点贫血最近我注意到一个更严重的问题……单选按钮变成“单选点”,因为它们太小了,几乎看不见。现在很多人通过确保在HTML文档顶部正确指定DOCTYPE来解决他们的问题。我也发现这个简单的调整对我的静态HTML模型起到了作用。可悲的是,当我切换到Wordpress时,问题再次出现,但我非常肯定地将HTML5DOCTYPE签

javascript - 单击嵌套的 Bootstrap Dropdown <li> 时防止滚动

我有两个Bootstrap下拉菜单(拆分按钮)。当下拉菜单处于事件状态时,用户可以按从1到5的数字,但是当他们按其中任何一个时,用户将被重定向到页面顶部。我知道这是正常行为(考虑到他们正在单击“链接”),但我想防止这种影响,因为它会影响移动体验。我尝试在我的jQuery代码中使用returnfalse,但是这样做,当下拉列表处于事件状态时,无法在下拉列表中选择任何元素。有替代方案吗?HTML:Add1vectorToggleDropdown12345jQuery:$('#ajoutera').on('click',function(){nombre_ajout=parseInt($(t

javascript - 单击嵌套的 Bootstrap Dropdown <li> 时防止滚动

我有两个Bootstrap下拉菜单(拆分按钮)。当下拉菜单处于事件状态时,用户可以按从1到5的数字,但是当他们按其中任何一个时,用户将被重定向到页面顶部。我知道这是正常行为(考虑到他们正在单击“链接”),但我想防止这种影响,因为它会影响移动体验。我尝试在我的jQuery代码中使用returnfalse,但是这样做,当下拉列表处于事件状态时,无法在下拉列表中选择任何元素。有替代方案吗?HTML:Add1vectorToggleDropdown12345jQuery:$('#ajoutera').on('click',function(){nombre_ajout=parseInt($(t

html - Bootstrap 3 表格响应不起作用。 X 滚动条出现在整个网站而不是表格上

当我的屏幕宽度减小到小于我的表格能够显示的最小宽度时,而不是在table-responsive上获得水平滚动条包装器,它增加了我整个网站的宽度。我已经尝试了我遇到的每一个SO解决方案,但没有成功。我怀疑这与我的flexbox样式有关。基本上,我已经设计了我的网站样式,以便我的主页内容部分(位于内)将在考虑页脚和粘性页眉后占据视口(viewport)的剩余高度。到目前为止,除了这个问题,我没有遇到任何问题。如何阻止表格扩展我网站的宽度?编辑:Here'saJSFiddle如果您不喜欢SO的内置代码段功能。$(document).ready(function(){$("a").on("cl

html - Bootstrap 3 表格响应不起作用。 X 滚动条出现在整个网站而不是表格上

当我的屏幕宽度减小到小于我的表格能够显示的最小宽度时,而不是在table-responsive上获得水平滚动条包装器,它增加了我整个网站的宽度。我已经尝试了我遇到的每一个SO解决方案,但没有成功。我怀疑这与我的flexbox样式有关。基本上,我已经设计了我的网站样式,以便我的主页内容部分(位于内)将在考虑页脚和粘性页眉后占据视口(viewport)的剩余高度。到目前为止,除了这个问题,我没有遇到任何问题。如何阻止表格扩展我网站的宽度?编辑:Here'saJSFiddle如果您不喜欢SO的内置代码段功能。$(document).ready(function(){$("a").on("cl

html - Flexbox 溢出滚动条显示在主体上而不是内部元素上

问题:在使用带溢出的flexbox的全尺寸应用程序布局(100%宽度,100%高度)中,滚动条不会在Firefox、IE或Edge中显示overflow-y。它们确实在Chrome中正确显示。在FF/IE/Edge中,元素上没有垂直滚动条,而是将滚动条应用于整个页面。我尝试过的:我已经尝试添加,如其他几个SO答案中所述,将min-height:0;添加到flex元素/父元素。我一直无法让这个解决方案起作用,但也许我做错了什么。截图:Chrome:火狐:示例:https://codepen.io/gunn4r/pen/WEoPjNhtml{height:100%;}.flex-grow{

html - Flexbox 溢出滚动条显示在主体上而不是内部元素上

问题:在使用带溢出的flexbox的全尺寸应用程序布局(100%宽度,100%高度)中,滚动条不会在Firefox、IE或Edge中显示overflow-y。它们确实在Chrome中正确显示。在FF/IE/Edge中,元素上没有垂直滚动条,而是将滚动条应用于整个页面。我尝试过的:我已经尝试添加,如其他几个SO答案中所述,将min-height:0;添加到flex元素/父元素。我一直无法让这个解决方案起作用,但也许我做错了什么。截图:Chrome:火狐:示例:https://codepen.io/gunn4r/pen/WEoPjNhtml{height:100%;}.flex-grow{

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

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

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