草庐IT

Bootstrap4

全部标签

html - 使用 Bootstrap 从右到左的列

我有一行包含动态列数,它是根据获取的数据在JADE中生成的从数据库。Item是图片,个数可以是0也可以是大数(最多100个)。.row在框架内,我希望能够按从右到左的顺序填充图像。意思是,第一张图片在右上角,第二张在第一张的左边。每张图片都使用col-md-2,所以在6张图片之后,第7张应该在第一张下面。现在,当生成列时,第一个列位于左上角……因为它是默认值。有什么办法可以改变吗?尝试使用col-md-offset-X,它只影响图像的第一行(因为它是单行)Current:--------------|xxxx||xx|--------------Howitshouldbe:------

html - 在 Bootstrap 中的输入和按钮之间添加空格

我正在使用bootstrap3并且有这个HTML:sdsdUpdatesdsdUpdateCompleteStepfiddle我希望最终按钮与input-groupdiv垂直间隔开并且不接触它。我在使用表单时发现的一个示例将按钮隔开:fiddle这就是我想要的按钮。我怎样才能得到它? 最佳答案 简单地包裹每对和通过有.form-group类(class)。(或者如果需要的话只包裹最后一对)原因是twitterbootstrap应用了margin-bottom的15px至.form-group.您也可以通过提供手动执行此操作上边距或给

html - 在 Bootstrap 中的输入和按钮之间添加空格

我正在使用bootstrap3并且有这个HTML:sdsdUpdatesdsdUpdateCompleteStepfiddle我希望最终按钮与input-groupdiv垂直间隔开并且不接触它。我在使用表单时发现的一个示例将按钮隔开:fiddle这就是我想要的按钮。我怎样才能得到它? 最佳答案 简单地包裹每对和通过有.form-group类(class)。(或者如果需要的话只包裹最后一对)原因是twitterbootstrap应用了margin-bottom的15px至.form-group.您也可以通过提供手动执行此操作上边距或给

jquery - 带有 Bootstrap 的窗口右下角的 Bootstrap 固定按钮

是否有可能,如果是-如何,将简单按钮固定到窗口页面右下角,否则(不太擅长css)它总是在那里,如果我向下或向上滚动,或调整窗口大小?我正在使用Bootstrap3 最佳答案 按钮{位置:固定;底部:0px;右:0px;或您需要的任何底部和右侧像素:)我在两者中都使用了20px 关于jquery-带有Bootstrap的窗口右下角的Bootstrap固定按钮,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co

jquery - 带有 Bootstrap 的窗口右下角的 Bootstrap 固定按钮

是否有可能,如果是-如何,将简单按钮固定到窗口页面右下角,否则(不太擅长css)它总是在那里,如果我向下或向上滚动,或调整窗口大小?我正在使用Bootstrap3 最佳答案 按钮{位置:固定;底部:0px;右:0px;或您需要的任何底部和右侧像素:)我在两者中都使用了20px 关于jquery-带有Bootstrap的窗口右下角的Bootstrap固定按钮,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co

html - 增加 Bootstrap 导航栏搜索表单宽度

这只是我第二次使用stackoverflow,如果有任何错误,请原谅我。我在增加默认Bootstrap导航栏搜索表单的宽度时遇到了问题。我已经尝试了一些我在stackoverflow上看到的解决方案,但似乎没有任何效果。请参阅:http://jsfiddle.net/94zkLh8j/1/TogglenavigationVouchipster 最佳答案 您可以在文档样式表中设置input元素的宽度。使用!important覆盖任何Bootstrap宽度。我建议在表单中添加一个id,以便于在css中进行选择UpdatedFiddleH

html - 增加 Bootstrap 导航栏搜索表单宽度

这只是我第二次使用stackoverflow,如果有任何错误,请原谅我。我在增加默认Bootstrap导航栏搜索表单的宽度时遇到了问题。我已经尝试了一些我在stackoverflow上看到的解决方案,但似乎没有任何效果。请参阅:http://jsfiddle.net/94zkLh8j/1/TogglenavigationVouchipster 最佳答案 您可以在文档样式表中设置input元素的宽度。使用!important覆盖任何Bootstrap宽度。我建议在表单中添加一个id,以便于在css中进行选择UpdatedFiddleH

html - bootstrap 和 css 的区别

Bootstrap和CSS有什么区别?我读了stackoverflow中的问题,说如果你想要响应式网站,而且你是造型方面的新手,请使用bootstrap!?Bootstrap适合初学者吗? 最佳答案 Bootstrap本质上是一个前端框架,它使网页设计和一般开发变得更加容易。Bootstrap使用CSS,但是它与编写您自己的CSS不同,因为它都是预先完成的,因此您只需将一个类添加到HTML元素,然后它就会使用该CSS。因此,例如添加“img-responsive”类将使用外部BootstrapCSS文件中的预制img-respons

html - bootstrap 和 css 的区别

Bootstrap和CSS有什么区别?我读了stackoverflow中的问题,说如果你想要响应式网站,而且你是造型方面的新手,请使用bootstrap!?Bootstrap适合初学者吗? 最佳答案 Bootstrap本质上是一个前端框架,它使网页设计和一般开发变得更加容易。Bootstrap使用CSS,但是它与编写您自己的CSS不同,因为它都是预先完成的,因此您只需将一个类添加到HTML元素,然后它就会使用该CSS。因此,例如添加“img-responsive”类将使用外部BootstrapCSS文件中的预制img-respons

jquery - Bootstrap Center 水平对齐一个div

我已尝试使用简单的登录页面作为示例。但是我无法将字段对齐到中心。h:commandButton与中心对齐。但其余字段在保留的同时没有任何变化。如何让它们居中对齐?UserNamePassworddivclass='col-md-12form-group'> 最佳答案 最简单的方法是添加自定义类.col-center从你身边到它.col-center{margin:0auto;}为什么这样??因为BS有offset的方法论但它有一个缺点,因为它只适用于偶数列大小,所以只适用于.col-X-2,.col-X-4,col-X-6,col-