Questions tagged «twitter-bootstrap»

有没有一种方法可以将Twitter Bootstrap Modal窗口动画从向下滑动效果更改为fadeIn或仅在不显示幻灯片的情况下显示？我在这里阅读了文档： http://getbootstrap.com/javascript/#modals 但是他们没有提到任何更改模态车身滑动效果的选项。

167 javascript  jquery  jquery-ui  twitter-bootstrap 

在Bootstrap手风琴中，无需单击 a我文本，而是希望在panel-headingdiv中的任何位置单击时使其折叠。 我正在使用Bootstrap3。因此，它不是可折叠面板，而是可折叠面板。知道如何使整个面板可点击吗？

167 twitter-bootstrap  twitter-bootstrap-3 

我有以下要素： <div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;" > <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> <div class="modal-footer"></div> </div> </div> </div> 它显示了模态对话框，基本上是这样，它在整个滚动条上放置滚动条modal-dialog，而不modal-body包含我要显示的内容。 图像看起来像这样： 如何modal-body仅获得滚动条？ 我曾尝试分配给style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;"，modal-body但没有成功。

164 css  twitter-bootstrap 

我正在使用Twitter-Bootstrap，我需要能够按照浏览器上的外观打印页面。我可以打印使用Twitter-Bootstrap制作的其他页面，但我似乎无法打印仅使用Twitter-Bootstrap的页面。我在某处缺少标签吗？ 印刷时的官方结核病页面： 我的页面在打印时： 我的页面实际上是什么样的：

162 printing  twitter-bootstrap 

使用Twitter的Bootstrap添加垂直空白的最佳方法是什么？ 例如，假设我正在创建一个着陆页，并且想要某个按钮上方和下方的空白（100px）。显然，我可以为该特定按钮创建特定的类。但是，我认为Bootstrap应该采用DRY方式添加垂直空白。

162 twitter-bootstrap  whitespace  vertical-alignment  twitter-bootstrap-2 

我使用Twitter Bootstrap创建了一个工具提示。 工具提示显示为三行。但是，我只显示一行提示。 如何更改工具提示的宽度？这是特定于Twitter Bootstrap还是工具提示本身？

162 twitter-bootstrap  tooltip 

我有一个页面，其中仅存在表单，并且我希望将表单放置在屏幕的中央。 <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> </div> </form> </div> </div> 该justify-content-center对齐表格水平，但我无法弄清楚如何垂直对齐。我已经尝试使用align-items-center和align-self-center，但是它不起作用。 我想念什么？ 演示

162 css  twitter-bootstrap  bootstrap-4  centering 

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 5年前关闭。 改善这个问题 我最近发现，Flexbox当我在寻找一种解决方案来使divs相同，取决​​于最高的解决方案。 我已经阅读了CSS-tricks.com上的以下页面，它使我确信这flexbox是一个非常强大的学习和使用模块。但是，这也让我想到了Twitter Bootstrap（和类似框架）为其网格系统提供某种相同功能（当然还有很多额外功能）的事实。 现在，问题是：优缺点是flexbox什么？Flexbox不能提供与Bootstrap这样的框架可以做到的某些功能（当然，纯粹是在谈论网格系统）吗？在网站上实施时哪个更快？ 我猜想仅用于网格系统会更聪明flexbox，但是如果您已经在使用框架，flexbox可以添加一些内容吗？ 是否有任何理由选择flexbox框架的“网格系统”？

161 html  css  twitter-bootstrap  flexbox 

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-body"> <%= image_tag "Background.jpg" %> </div> </div> 我如何全屏显示以上代码的Twitter Bootstrap模态弹出窗口，我尝试使用CSS，但无法按照我想要的方式获得它。任何人都可以帮我。

160 css  twitter-bootstrap 

Twitter的引导程序使用Glyphicons的Icons。它们available in dark gray and white默认为“ ”： 是否可以使用一些CSS技巧来更改图标的颜色？我希望其他一些css3光彩能够避免必须为每种颜色设置图标图像。 我知道您可以更改附件（<i>）元素的背景颜色，但是我在谈论图标前景色。我想可以反转图标图像的透明度，然后设置背景颜色。 因此，是否可以仅使用CSS为引导图标添加颜色？

159 css  twitter-bootstrap  sprite  css-sprites 

我试图弄清楚如何用Bootstrap做下面的网格。 我不确定如何创建跨越两行的框（数字1）。框是按照编程顺序生成的。方框1是欢迎消息。 有什么最好的方法吗？

158 css  twitter-bootstrap 

我目前正在使用以下功能来创建将通过Bootstrap的工具提示插件显示的文本。多行工具提示如何只能使用<br>而不能使用\n？我希望链接的标题属性中没有任何HTML。 什么有效 def tooltip(object) tooltip = "" object.each do |user| tooltip += "#{user.identifier}" + "<br>" end return tooltip end 我想要的是 def tooltip(object) tooltip = "" object.each do |user| tooltip += "#{user.identifier}" + "\n" end return tooltip end

157 javascript  html  css  twitter-bootstrap 

我正在尝试使用Bootstrap 3中的Tab jQuery插件来实现左对齐的堆叠选项卡，其中选项卡垂直于选项卡内容的左侧而不是顶部呈现。当我尝试以下内容时； <ul class="nav nav-tabs nav-stacked"> <li><a href="#tab1" data-toggle="tab">Tab 1</a></li> <li><a href="#tab2" data-toggle="tab">Tab 2</a></li> <li><a href="#tab3" data-toggle="tab">Tab 3</a></li> </ul> <div class="tab-content"> <div class="tab-pane fade" id="tab1"> Tab 1 content </div> <div class="tab-pane fade" id="tab2"> Tab 2 content </div> <div class="tab-pane fade" id="tab3"> Tab 3 content </div> </div> 选项卡相互堆叠，但不能正确地显示为向左旋转，而只是将水平选项卡卡在彼此之上。标签内容已正确显示/隐藏在内容div中。 这在Bootstrap 2.x中使用tab-left和tab-right类进行了处理，但是在Bootstrap …

157 twitter-bootstrap  tabs  twitter-bootstrap-3 

水平间隔Bootstrap按钮的最佳方法是什么？ 此刻，按钮正在触摸： <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> </div> jsfiddle显示问题：http : //jsfiddle.net/hhimanshu/sYLRq/4/

157 html  css  twitter-bootstrap 

我正在尝试使用Bootstrap 3中的Modal功能来显示我的Youtube视频。它可以工作，但是我无法单击Youtube视频中的任何按钮。 有什么帮助吗？ 这是我的代码： <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <iframe width="400" height="300" frameborder="0" allowfullscreen=""></iframe> </div> </div> </div> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/jquery-1.10.1.min.js"><\/script>')</script> <script src="js/bootstrap.min.js"></script> <script> $('#link').click(function () { …

157 jquery  css  twitter-bootstrap  youtube  twitter-bootstrap-3