Questions tagged «twitter-bootstrap»

我正在（以前是Twitter）Bootstrap 2中工作，我想对按钮进行样式设置，就好像它们是普通链接一样。但是，不仅有任何普通的链接；这些都放在一个<ul class="nav nav-tabs nav-stacked">容器中。标记最终将像这样： <form action="..." method="post"> <div class="row-fluid"> <!-- Navigation for the form --> <div class="span3"> <ul class="nav nav-tabs nav-stacked"> <li><button type="submit" name="op" value="Link 1">Link 1</button></li> <li><button type="submit" name="op" value="Link 2">Link 2</button></li> <!-- ... --> </ul> </div> <!-- The actual form --> <div class="span9"> <!-- ... --> </div> …

110 html  css  twitter-bootstrap 

我需要使用Twitter Bootstrap向我的Web应用程序添加响应式设计功能。我只想要响应行为，我对Bootstrap中的排版，组件或任何其他内容不感兴趣。 我仅选择网格系统就获得了定制的Bootstrap版本。但是，当我将生成的CSS添加到应用程序中时，我的所有样式（标题，链接和其他样式）都被弄乱了。为什么会这样呢？如何仅使用网格系统获得Bootstrap CSS？我想避免手动修改Bootstrap文件。

109 html  css  twitter-bootstrap  responsive-design 

我正在使用Twitter Bootstrap及其“选项卡”。 我有以下代码： <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#add">add</a></li> <li><a data-toggle="tab" href="#edit" >edit</a></li> <li><a data-toggle="tab" href="#delete" >delete</a></li> </ul> 这些标签正常工作，但未在URL中添加＃add，＃edit，＃delete。 当我删除data-toggleURL更改时，这些选项卡不起作用。 有什么解决办法吗？

109 jquery  twitter-bootstrap 

根据twitter bootstrap 文档，我应该能够“在<p>标签中包装文本字符串以获取正确的前导和颜色”。当我这样做时，navbar它下面的任何级别都不会继承任何navbar类。将字符串包装在<a>标签中可将其呈现出来，但不应作为锚点。 我尝试呈现的字符串是"Logged in as ... "。

109 html  css  twitter-bootstrap 

我刚刚开始使用Twitter的Bootstrap，并且想知道自定义的“最佳实践”是什么。我想开发一种系统，该系统将利用css模板（Bootstrap或其他）的所有功能，完全（轻松）地进行修改，具有可持续性（即–从Twitter发布下一版Bootstrap时，我不会）不必重新开始。 例如，我想将背景图像添加到顶部导航中。看来有3种方法可以解决此问题： 修改bootstrap.css中的.topbar类。我不是特别喜欢这个，因为我会有很多.topbar项，并且我不一定要用相同的方式进行修改。 用我的背景图像创建新类，然后将两种样式（新样式和自举样式应用于我的元素）。这可能会导致样式冲突，可以通过将.topbar类剥离到单独的类中，然后仅使用自定义类没有踩到的片段来避免。再次，这需要比我认为必要的工作更多的工作，并且尽管它很灵活，但它不允许我在Twitter发布下一部分时轻松更新bootstrap.css。 使用.LESS中的变量来实现自定义。副手这似乎是一个不错的方法，但是没有使用过。除非我担心在客户端上编译css和代码的可持续性。 尽管我使用的是Bootstrap，但是这个问题可以推广到任何CSS模板。 预先感谢您的输入。

109 css  twitter-bootstrap  bootswatch 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 6年前关闭。 改善这个问题 我一直在尝试创建一个树（如目录树），该树使用尽可能多的CSS和尽可能少的JS（仅用于状态等），并且我想知道是否存在一些用于引导的良好现有树插件。或jquery-ui bootstrap。 对于参考或对此问题感到困惑的人，我正在寻找类似dynatree的引导程序。

108 javascript  jquery  twitter-bootstrap  css  jquery-ui 

我正在尝试降低用于固定顶部行为的bootstrap 3.0 navbar的高度。在这里我正在使用代码。 的HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <nav class="collapse navbar-collapse" role="navigation"> <ul class="nav navbar-nav pull-right"> <li class="active"> <a href="../getting-started">Getting started</a> </li> <li> <a href="../css">Ext01</a> </li> …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 7年前关闭。 改善这个问题 我想知道是否有人可以就哪个“更好”给出建议。Twitter-bootstrap还是JQuery mobile？ 谢谢，-彼得

108 jquery-mobile  twitter-bootstrap 

我正在使用Twitter Bootstrap，我想使用在Bootstrap中不可用的“自动建议”，而jQuery UI有自己的自动建议方法。 我可以同时使用吗？它会使带宽超载吗？

108 jquery-ui  twitter-bootstrap 

我已经建立了一个带有表单的引导程序模版，我只是注意到当我按Enter键时，该模版被关闭了。是否可以在按Enter时将其关闭？ 我尝试使用keyboard：false激活模式，但这只能防止使用ESC键解雇。

108 forms  twitter-bootstrap  modal-dialog 

我有以下下拉菜单 <label class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#"> Action <b class="caret"></b></label> <ul class="dropdown-menu" role="menu" aria-labelledby="lang-selector" id="lang-selector"> dropdown content goes here </ul> 下拉菜单的左上角位于文本的左下角（动作），但我希望下拉菜单的右上角的位置位于文本的右下角。我怎样才能做到这一点？

108 css  twitter-bootstrap  drop-down-menu 

我已经使用Bootstrap 4创建了可折叠的导航栏，该导航栏效果很好，但是我希望在用户单击链接时将其关闭。有什么办法吗？谢谢 html导航栏： <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="container"> <a class="navbar-brand" href="#"><img src="Images/logo.png" width="60px"></a> <div class="collapse navbar-collapse" id="navbarDiv"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#home">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" …

108 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 6年前关闭。 改善这个问题 最好使用哪一种，请尽可能提供两者的区别和优点。 Semantic-ui vs Bootstrap 我正在尝试构建自己的UI，但对于使用什么感到很困惑。 请为我推荐最好的方法，并在可能的情况下举例说明。

107 twitter-bootstrap  user-interface  semantic-ui 

我不了解Twitter Bootstrap如何为导航创建活动链接。如果我有这样的常规导航（使用ruby on rails链接）： <ul class="nav"> <li class="active"> <a href="/link">Link</a> </li> <li class=""> <a href="/link">Link</a> </li> <li class=""> <a href="/link">Link</a> </li> </ul> 如何根据单击的链接使其保持活动状态？

106 ruby-on-rails  twitter-bootstrap 

我想使用Twitter Bootstrap，但仅在特定元素上使用，因此，我需要找出一种方法为所有Twitter Bootstrap类添加前缀，或者使用较少的mixins。我对此还没有经验，所以我不太了解该怎么做。这是我尝试设置样式的HTML的示例： <div class="normal-styles"> <h1>dont style this with bootstrap</h1> <div class="bootstrap-styles"> <h1>use bootstrap</h1> </div> </div> 在此示例中，Twitter Bootstrap将采用两种样式h1，但我希望对我在哪些方面应用Twitter Bootstrap样式有更多选择。

106 twitter-bootstrap  less