Questions tagged «twitter-bootstrap-3»

我正在尝试在我的Rails应用程序上安装Bootstrap 3.0。我最近完成了Michael Hartl的教程，现在正在尝试使用此新版本的Bootstrap构建我自己的系统，但是我有一些不确定的问题。 我的系统规格： MBP上的OS X Mountain Lion Rails 4.0 Ruby 2.0 我有问题： 我的Gemfile中使用的最好的宝石是什么？我发现了其中一些。 我要导入什么custom.css.scss？我在某处读到它不同于2.3.2。 要使Bootstrap正常工作，我还有其他事情要做吗，或者其余步骤是否与我对Bootstrap 2.3.2遵循的步骤相同？ 编辑 这是GitHub上的bootstrap-rails项目首先要说的： gem 'anjlab-bootstrap-rails', :require => 'bootstrap-rails', :github => 'anjlab/bootstrap-rails' 然后说要做： gem 'anjlab-bootstrap-rails', '>= 3.0.0.0', :require => 'bootstrap-rails' 他们做同样的事情，还是必须同时做它们？

112 ruby-on-rails  ruby  twitter-bootstrap-3 

我有一个模态问题。我在页面上有一个按钮，用于切换模式。当出现模态时，页面跳至顶部。 我已经竭尽所能找到解决方案/等，但是我真的迷失了。 编辑： 我也尝试过：$('#myModal').modal('show');但它具有完全相同的效果。

110 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3 

这就是我试图通过Bootstrap 3轮播实现的效果 不仅可以一次显示一帧，还可以同时显示N帧幻灯片。然后，当您滑动（或自动滑动）时，它会像平移一样移动这组幻灯片。 可以使用bootstrap 3的轮播吗？我希望我不必再去寻找另一个jQuery插件...

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

我正在尝试降低用于固定顶部行为的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 

我希望标签不在输入字段上方，而在左侧。 <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value="" class="form-control"> </div> <div class="form-group"> <label for="rg-to">Bis: </label> <input type="text" id="rg-to" name="rg-to" value="" class="form-control"> </div> <div class="form-group"> <input type="button" value="Clear" class="btn btn-default btn-clear"> <input type="submit" value="Los!" class="btn btn-primary"> </div> </form> 这段代码给了我： 我想拥有：

104 css  twitter-bootstrap-3 

我试过了但是出了错 这是CSS body .modal-ku { width: 750px; } 这是失败的结果

104 html  css  twitter-bootstrap-3 

我是Bootstrap的新手，并且具有较旧的版本2.3.2。 版本3已发布。如果要使用最新版本，是否只替换CSS和Javascript文件？

102 twitter-bootstrap  twitter-bootstrap-3 

我刚刚访问了该页面http://www.elmastudio.de/，想知道是否可以使用Bootstrap 3构建左侧边栏折叠。 从顶部折叠边栏的代码（仅适用于电话）： <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> 补充工具栏本身具有hidden-xs类。使用以下js将其删除 $('.sidebar-toggle').click(function(){ $('#sidebar').removeClass('hidden-xs'); }); 如果单击该按钮，则会从顶部切换侧边栏。很高兴看到侧边栏的行为类似于上面显示的网站。任何帮助表示赞赏！

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

tabindexBootstrap 3 的属性是什么？ 尽管他们实际上在所有模态中都使用它们，但它的文档中没有提及它们。 我只发现了有关它的用法，实际上并没有说太多 键盘和辅助技术用户可访问的工具提示 对于使用键盘导航的用户，特别是使用辅助技术的用户，应仅将工具提示添加到可键盘聚焦的元素，例如链接，表单控件或任何具有tabindex =“ 0”属性的任意元素。 而且我发现如果属性不是的话我不能按下esc隐藏模态tabindex-1。 按下esc键后的模态关闭（带有tabindex） 按下esc键后模态未关闭（无tabindex）

100 twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

我知道Bootstrap 3有一个水平分隔符，您可以将其放置在下拉菜单中，以分隔这样的链接： <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> ... <li role="presentation" class="divider"></li> </ul> 我的问题是：有没有办法做到这一点而不将其放在下拉列表中，例如将其放入任何类型的列表或类似菜单中？

98 twitter-bootstrap  twitter-bootstrap-3 

我正在将Bootstrap主题从v2.3.2迁移到v3.0.0，我注意到的一件事是，由于bootstrap.css中的以下样式，许多尺寸的计算方式有所不同。 *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 谁能解释为什么Bootstrap将所有元素的框大小切换为border-box？我怀疑这与基于百分比的新网格系统有关，但是上面的选择器显然不仅适用于网格元素。 似乎有点激进的恕我直言:-) 有人愿意提供一些见识吗？

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

我希望我的内容流畅，但是当.container-fluid与Bootstrap的网格一起使用时，我仍然看到填充。我如何摆脱填充物？ 我看到我没有使用.row填充，但是我想添加列，并且一旦添加，填充就会返回：O。 我希望能够以全宽使用列。 一个例子： <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <p>Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p> </div> <div class="col-sm-6"> <p>Use this document as a way to quickly start any new project.<br> All …

98 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

是否可以更改引导原色以匹配品牌颜色？我正在使用bootswatch的纸张主题。

97 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

迁移到Bootstrap 4时，新的响应实用程序隐藏/可见类存在问题。我知道.hidden-类已从v3中删除，并替换为。使用新类，但元素未更改为可见/隐藏。不知道为什么。.hidden-*-up .hidden-*-down.hidden-*-up.hidden-*-down <div class="col hidden-xs-down"> <span class="vcard"> … </span> </div> <div class="col hidden-lg-down"> <div class="hidden-sm-down"> … </div> <div class="hidden-xs-down"> … </div> </div> * 在此示例中，无论屏幕大小如何（Safari，响应式设计模式）都不会隐藏任何内容

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JS小提琴 我猜想我会将表单内容存储在javascript函数中... 如何在引导弹出窗口中包含表单？

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover