Questions tagged «twitter-bootstrap-3»

我有一个Twitter Bootstrap下拉菜单。如所有Twitter Bootstrap用户所知，单击（甚至在其中单击）时，关闭菜单。 为避免这种情况，我可以轻松地在下拉菜单上附加一个click事件处理程序，只需添加著名的即可event.stopPropagation()。 <ul class="nav navbar-nav"> <li class="dropdown mega-dropdown"> <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-list-alt"></i> Menu item 1 <span class="fa fa-chevron-down pull-right"></span> </a> <ul class="dropdown-menu mega-dropdown-menu"> <li> <div id="carousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-slide-to="0" data-target="#carousel"></li> <li class="active" data-slide-to="1" data-target="#carousel"></li> </ol> <div class="carousel-inner"> <div class="item"> <img alt="" …

310 javascript  jquery  html  twitter-bootstrap-3  drop-down-menu 

当启动3选项卡/导航栏的选项卡更改时，我花了不切实际的时间尝试触发功能，而实际上Google吐槽的所有建议都是错误的/没有用。 怎么办呢？ 元编辑：查看评论

286 jquery  twitter-bootstrap-3 

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引文回答。 5年前关闭。 改善这个问题 我正在使用AngularJS和Bootstrap 3创建一个应用程序。我想显示一个包含数千行的表/网格。具有AngularJS和Bootstrap的最佳控件是什么，具有排序，搜索，分页等功能。

284 angularjs  twitter-bootstrap-3  ng-grid  angular-ui-grid  smart-table 

使用Bootstrap模态，我已经看过aria很多这些属性，但是我不知道如何使用它们。 有谁知道在什么情况下使用这些属性？我用谷歌搜索-只是找不到任何直接的答案。

259 twitter-bootstrap  twitter-bootstrap-3  wai-aria 

我正在使用新的Twitter Bootstrap创建网站。该网站看起来不错，并且可以在除IE8之外的所有必需浏览器中使用。 在IE8中，它似乎在显示移动版本的元素，但延伸到了桌面的全屏。我相信我遇到的问题是Twitter引导程序首先是移动设备。因此出于某些原因，IE8会选择此选项。 我还注意到，container该类似乎并未按预期引入max-width CSS属性。谁能看到我做错了什么？ <!-- Favicon --> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <!-- Bootstrap --> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"> <script src="/SiteFiles/js/modernizr.js"></script> <!-- CSS --> <link href="/SiteFiles/css/main.css" rel="stylesheet"> <header> <div class="topArea clearfix"> <div class="container"> <div class="topLinks"> <div class="btn-group"> <span class="flag" data-toggle="dropdown"> </span> <ul class="dropdown-menu"> <li><a href="#">Country 1</a></li> …

228 html  css  twitter-bootstrap  internet-explorer-8  twitter-bootstrap-3 

在第二版中，我可以使用 徽章徽章重要 我看到.badge元素不再具有上下文（-成功，-primary等）类。 我如何在版本3中实现相同的目的？ 例如。我想在用户界面中使用警告标志和重要标志

218 twitter-bootstrap  twitter-bootstrap-3 

如何在Twitter Bootstrap 3.0（而非2.3.x）中制作更大的Glyphicons。 这段代码会使我的字形变大： <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> 如何仅使用span 而不使用btn-lg类来获得此大小？ 这会产生一个小的字形： <span class="glyphicon glyphicon-link"></span>

212 css  twitter-bootstrap  twitter-bootstrap-3  glyphicons 

我已经使用twitter bootstrap框架已有相当长的一段时间了，并且它们最近已更新到版本3！ 我在使粘性页脚停留在底部时遇到了麻烦，我使用了twitter bootstrap网站提供的启动程序模板，但还是没有运气，有什么想法吗？

204 html  css  twitter-bootstrap  twitter-bootstrap-3 

是否有任何方法可以增加bootstrap 3导航栏折叠的位置（即，使其在肖像平板电脑上折叠成一个下拉列表）？ 这两个适用于引导程序2，但现在不适用！ 如何使用Twitter引导响应式更改导航栏折叠阈值？ 更改默认的响应式导航栏断点

202 twitter-bootstrap  twitter-bootstrap-3  navbar 

我敢肯定有一个解决此问题的简单方法。基本上，如果我有两列，如何在它们之间添加一个空格？ 例如，如果html是： <div class="col-md-6"></div> <div class="col-md-6"></div> 输出将是彼此相邻的两列，占据了页面的整个宽度。假设将宽度设置为，1000px则每个div都会很500px宽。 如果我想在100px两者之间留出空间，该如何实现？显然，通过引导程序自动使div大小成为450px补偿大小的每个大小

201 html  css  twitter-bootstrap-3  grid-layout 

我正在使用Bootstrap 3设计页面。我正在尝试placement: right在输入元素上使用弹出框。新的Bootstrap可确保您在使用form-control时基本上具有全角输入元素。 HTML代码如下所示： <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My popover content.My popover content.My popover content." /> </div> </div> 我认为popover的宽度太低，因为它们在div中没有​​剩余的任何宽度。我想在左侧输入表单，在右侧显示宽弹出窗口。 通常，我正在寻找无需覆盖Bootstrap的解决方案。 附加的JsFiddle。第二个输入选项。jsfiddle并没有使用太多，所以不知道，但是尝试增加输出框的大小以查看结果，在较小的屏幕上甚至看不到它。 http://jsfiddle.net/Rqx8T/

192 css  twitter-bootstrap  twitter-bootstrap-3  popover 

我需要将叠加层显示在第一个模态上方，而不是在背面。 显示代码段 $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the dialog / modal goes here. <br> <br> <br> <br> <br> <a data-toggle="modal" href="#myModal2" class="btn btn-primary">Launch …

185 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  modal-dialog 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使它成为Stack Overflow 的主题。 5年前关闭。 改善这个问题 我将使用AngularJS（完整堆栈）开始新项目。我的项目需要及时响应，我将从头开始创建模板。 因此，我需要建议是否选择Bootstrap 3（带角度指令）或布局的材料设计？ 如果有人可以列出两者的优缺点，我将不胜感激。

181 angularjs  twitter-bootstrap-3  material-design  angular-material 

从http://getbootstrap.com下载完整的bootstrap 3包后，我注意到有一个单独的主题CSS文件。如何利用它？请解释？ 我已包含bootstrap-theme.css在现有的引导程序项目中，但是输出没有差异。

174 html  css  twitter-bootstrap-3 

我目前正在使用Twitter Bootstrap开发一个响应式网站。 该网站在移动设备/平板电脑/桌面上具有全屏背景图片。这些图像使用两个div旋转并逐渐淡入。 除了一个问题，它几乎是完美的。使用iOS Safari，Android浏览器或Android上的Chrome，当用户向下滚动页面并导致地址栏隐藏时，背景会略微跳动。 该站点位于：http : //lt2.daveclarke.me/ 在移动设备上访问它并向下滚动，您应该会看到图像调整大小/移动。 我用于后台DIV的代码如下： #bg1 { background-color: #3d3d3f; background-repeat:no-repeat; background-attachment:fixed; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:-1; display:none; } 欢迎所有建议-这已经让我有一段时间了！

174 android  html  ios  css  twitter-bootstrap-3