草庐IT

$bootstrap

全部标签

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

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

html - 如何使 Bootstrap 4 列高度相同?

这个问题在这里已经有了答案:HowcanImakeBootstrapcolumnsallthesameheight?(34个答案)关闭5年前。免责声明。有人问这个问题many前几次。但是随着时间的流逝,现在我们即将发布全面支持flexbox的Bootstrap4,是时候为同样的问题寻找新的答案了。我想使用Bootstrap4创建相等的列高。这是预期结果的演示:我想要一个解决方案,适用于所有浏览器,受Bootstrap4支持。如果不涉及JS则更好。一些现有的解决方案基于Bootstrap3,一些在MacOS上的Safari中不起作用。更新。看来我做错了研究。默认情况下,Bootstrap

html - Bootstrap pull-right 导致元素重叠

我试图让一个按钮位于列表上方,但按钮位于右侧。当我将pull-right类添加到按钮(或包含的div)时,按钮就会被列表覆盖。AddSomethingsomething1Somethingsomething2Somethingsomething2jsfiddle:http://jsfiddle.net/paulbau/384YH/ 最佳答案 您应该将pull-right类添加到button元素,然后将clearfix添加到父元素。这样做时,div不会自行折叠。UpdatedExampleAdd或者,由于button是一个inline

html - Bootstrap 列不起作用

无法弄清楚为什么没有使用此HTML构建列:AboutSHARE 最佳答案 试试这个:DEMOAboutSHARE 关于html-Bootstrap列不起作用,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/25732553/

javascript - Bootstrap Affix Nav 导致下面的div跳起来

我使用Bootstrap的词缀功能创建了一个JSFiddle,当您向下滚动并且标题移出View时,导航会停留在屏幕顶部。我遇到的问题是,当使用纯HTML时,导航下方的文本会跳起来并过早地隐藏在导航后面。查看有问题的代码here.这是我使用的代码:BannerMyBrandThisisanavbar.someloremipsumforscrolling:Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamerat,sed

javascript - 使用 bootstrap 3.0 模态加载 iframe 中的动态远程内容

我已经尝试了这里发布的关于其他问题和stackexchange的一些建议,但没有一个令我满意。我正在尝试将动态内容加载到模式中。特别是iFrame中的YouTube视频或Soundcloud音频。这样任何访问该站点的用户都可以输入视频或音频链接。然后模态动态加载用户链接。每个后续用户都可以看到彼此的链接,所有这些都在一个模态中。(为每个用户单独加载模式)我无法让它正常工作。我创建了一个名为“modal.html”的单独html文件来对此进行测试,其中包括一个带有适当YouTube/Soundcloud剪辑的iframe。我也很困惑我是否需要在我的标签中使用“data-remote=”,

html - 使用 Bootstrap 框架时显示数据

我有一个编辑表单.form-horizontal和.control-label.但是,现在我想向用户显示一条记录(例如,用户个人资料的详细信息)。所以我设想这样的事情:FirstName:FooLastName:BarJob:Something使用Bootstrap框架执行此操作的最佳方法是什么?我想使用与我的编辑表单相同的结构,但由于我要显示数据,所以我不能使用.form-horizontal类(class)。如果我使用标记然后我可以使用什么类? 最佳答案 对于Bootstrap3Bootstrap3提供了一个“水平描述”类来完全

html - 使用 Bootstrap 自定义更改按钮上的悬停颜色

我正在尝试以悬停使按钮颜色更浅而不是颜色更深的方式设置按钮样式。我尝试了Bootstrap自定义页面(http://getbootstrap.com/customize/),但它没有给我更改按钮悬停颜色的选项。我尝试通过检查CSS手动执行此操作,但不清楚按钮如何获得悬停颜色。我尝试了另一个bootstrap定制网站http://pikock.github.io/bootstrap-magic/app/#!/editor我希望主颜色为#0495c9,悬停颜色为#00b3db,但我只能指定按钮背景色,而不能指定悬停颜色。任何帮助将不胜感激 最佳答案

html - Bootstrap 4 center-block 无法居中

我有以下Bootstraphtml代码(它的JSX因此className但想法是一样的):TimelineCalendar我正在尝试使用bootstrapcenter-block或CSS将这段代码居中,但似乎无法让它工作:绿色条突出显示divtoggleView。我唯一使用的css如下:.toggleView{padding:20px;}为什么我不能让这个按钮组居中? 最佳答案 btn-group有display:inline-block所以你会使用text-center在父容器中..http://codeply.com/go/hy

html - Bootstrap 和 HTML5 语义标签

我开始使用TwitterBootstrap时遇到了一个问题。最近浏览了一些有关HTML5的教程,发现应该使用header、nav、footer等语义元素而不是Div。现在,在学习Bootstrap的时候,大部分都是使用Div标签。那么BootstrapDiv标签或HTML5语义标签哪个是好的方法,为什么?谢谢。 最佳答案 Bootstrap使用div来展示应该如何使用框架。这是因为div是通用的block元素,几乎可以用于容器的所有情况。但是您在Bootstrap中使用的元素对于样式并不重要,因为Bootstrap使用类将样式应用于