草庐IT

$bootstrap

全部标签

css - 如何设置 Bootstrap 响应表中列的大小

如何设置Bootstrap响应式表格中列的大小?我不希望表格失去其响应功能。我也需要它在IE8中工作。我包含了HTML5SHIV和响应。我正在使用Bootstrap3(3.2.0)SizeBustWaistHips679-8161-6389-91884-8666-6894-96 最佳答案 Bootstrap4.0注意所有migration从Bootstrap3更改为4。在表格上,您现在需要通过添加类d-flex来启用flexbox,并删除xs允许Bootstrap自动检测视口(viewport)。SizeBustWaistHips6

html - Bootstrap/CSS 中的水平滚动表

我怎样才能让容器内的表格具有自己的宽度不跟随容器的宽度,而是在表格不在容器内时保留表格的宽度。我有一张非常宽的table,我想将其放入col-md-9容器中,但它显示效果不佳,因为它会挤压table以适应容器。我已经为表格尝试了min-width但它不灵活,因为向我的表格添加更多列会再次挤压它。是否可以在不遵循父级宽度的情况下使表格的宽度自动设置?....contents 最佳答案 如果您使用的是Bootstrap3,这里有一种可能性实时取景:http://fiddle.jshell.net/panchroma/vPH8N/10/s

html - 将 Twitter Bootstrap 按钮居中

我正在使用TwitterBootstrap制作一个表单,并且很难将按钮居中。它包含在一个跨度为7的div中。下面是HTML,按钮位于最底部。关于如何使这个东西居中有什么建议吗?1.GetStarted:SomebasicsWhatareyousavingfor?AddashortdescriptionChooseaCategoryKittensKeyboardCatTwitterBirdChooseanimageYourSavingGoalSubmit 最佳答案 Bootstrap有自己的中心类,名为text-center。

html - 可以用 Twitter Bootstrap 实现 Modernizr 吗?

用TwitterBootstrap实现Modernizr可以吗?我目前正在将Bootstrap与Google的html5shiv结合使用,我想知道我是否可以改用Modernizr,或者只是为了让旧版IE浏览器激活HTML5元素是否有点过分?提前致谢 最佳答案 Modernizr是一个测试套件,它通过应用于body标签的类添加特征检测。它包括HTML5Shi(v|m)以添加旧浏览器兼容性。您不需要Modernizr只是为了在旧浏览器中设置新标签的样式。就是说,可以将Modernizr包含在TwitterBootstrap中。您甚至可以

html - 在 Twitter Bootstrap 2 中,如何在缩小屏幕时让正确的列移动到顶部?

我在TwitterBootstrap中使用2列流体布局。左列是主要内容(span10),右列是小部件的侧边栏(span2)。目前,当调整浏览器窗口大小时,Bootstrap会创建一列,最左边的部分在顶部,最右边的部分在底部。我想反过来。这是我的html的要点:LotsofcontentgoeshereWidgets有什么方法可以让mainContainer位于宽窗口的左侧,widget位于右侧,但当窗口缩小时将sidebar吸附到顶部? 最佳答案 在bootstrap3中,这是通过网格列排序完成的(seebootstrap3docu

css - 如何在 Bootstrap 3 中垂直对齐标签和输入?

如何在Bootstrap3中垂直对齐标签和输入?我希望标签和输入都在同一行。我试过不同的类和自定义CSS,但似乎没有任何效果。TheJSfiddleClassTypeEconomyPremiumEconomyClubWorldFirstClass 最佳答案 bootstrap3文档forhorizontalforms让您使用.form-horizo​​ntal类使您的表单标签和输入垂直对齐。这些表单的结构是:Label1Label2因此,您的表单应如下所示:ClassTypeEconomyPremiumEconomyClubWorl

html - Bootstrap : adding gaps between divs

如果我的页面使用Bootstrap类row、col-md-x等来安排内容,那么在每个页面之间创建距离的正确方法是什么从语义上讲包含整个元素的div?我在div之间添加一个带有填充的div来模拟间隙,这是一个好的策略还是有更好的策略? 最佳答案 从Bootstrapv4开始,您只需将以下内容添加到您的div类属性中:mt-2(margintop2)Thiswillhaveatwo-pointtopmargin!文档中提供了更多示例:Bootstrapv4docs 关于html-Bootst

html - Bootstrap 3 以响应方式截断表格行内的长文本

我正在使用bootstrap3表,当我将大文本放在表中时,它会被包裹在几行中,但我希望它以响应方式在末尾用三个点截断,而不会弄乱表的布局表(我找到了一些解决方案,但效果不佳)。这可能吗?怎么样?PS:欢迎任何解决方案,但如果可能的话,我希望它只是HTML/CSS。 最佳答案 您需要使用table-layout:fixed才能使CSS省略号在表格单元格上起作用。.table{table-layout:fixed;}.tabletd{white-space:nowrap;overflow:hidden;text-overflow:ell

html - 降低 Twitter Bootstrap 输入字段的高度?

在我的表单中,我想降低输入字段的高度。我知道有控制输入字段宽度的input-small、input-medium类,但是有没有类似的东西可以控制高度?我找不到任何东西,如果找不到我该如何覆盖默认值? 最佳答案 Icouldn'tfindanyandifthereisn'thowdoIgoaboutoverridingthedefaults?Bootstrap的输入字段高度是使用属性选择器定义的,例如input[type="text"],input[type="password"]您可以使用相同选择器格式的样式覆盖它,或使用类等。.m

jquery - bootstrap 4 文件输入不显示文件名

这个问题在这里已经有了答案:Bootstrap4FileInput(17个答案)关闭3年前。我对Bootstrap4中的自定义文件输入类有疑问。在我选择要上传的文件后,文件名不显示。我使用这段代码:ChoosefileUpload知道如何在不变得太复杂的情况下修复它吗?