Tag: twitter bootstrap

禁用引导中的控件: 我在我的应用程序中使用Bootstrap css和js。不小心我点击了一个禁用的下拉列表，发现它打开了下拉菜单。我已经在select元素的属性中readonly了： <select id="xxx" name="xxx" class="input-medium" readonly> 我也尝试设置readonly="true" ，但仍然是一样的。但是，如果您不使用jQuery.datepicker，则文本框控件工作正常。当我们使用bootstrap时，是否有一种特殊的方式来使下拉控件只读？

Bootstrap表行hover: 如何在Bootstrap 3进行hover时表格行的背景更改。我现在使用的表类是table table-striped 。我试图添加一个额外的类到表中的<tr>标签，并做了这样的CSS。表.table-row:hover{background:black;} 。现在只有非条纹行正在工作。在bootstrap中是不是有一个类可以让我轻松实现呢？或者我应该使用JQuery来解决这个问题？我真的不能自己找出这一个。

使列在固定位置固定: 使用Bootstrap，我有一个网格列class =“col-lg-3”，我想把它放在位置：固定，而其他.col-lg-9是正常的位置（可通过页面滚动）。 <div class="row"> <div class="col-lg-3"> Fixed content </div> <div class="col-lg-9"> Normal scrollable content </div> </div> 就像在LifeHacker.com左栏一样你会看到，左侧的部分是固定的，但我滚动页面。我使用bootstrap v3.1.1

如何在bootstrap中获得响应式button3: 我使用引导3，我有以下的HTML： <div class="col-sm-2" > <a id="new-board-btn" class="btn btn-success" >Create New Board</a> </div> 在一个小屏幕上，文字“创build新的电路板”太长，不适合button。我希望文本换行到另一行，并增加button的高度以适应文本。有关如何做到这一点的任何提示？

如何添加glyphicons到rails link_to助手 – Bootstrap 3: 我一直在寻找一个很好的解释如何添加glyphicons到rails link_to和button_to助手，但我发现很less。到目前为止，我所收集到的信息使我意识到： <li> <%= link_to deals_path, class: "btn btn-default" do %> <%= content_tag(:i, "Dasboard",:class=>' glyphicon, glyphicon-th-large') -%> <% end %> </li> 这不起作用，我想我发现的一个例子是从Bootstrap 2。任何人都可以指向我一个很好的资源，或提供一个快速的例子吗？提前致谢！

获取无法通过引导轮播脚本读取未定义的属性'offsetWidth': 我使用Bootstrap 3.3创build了一个carousel ，它可以在我的本地机器上运行，但是当我将上面的bootstrap js文件与其他文件一起编译到一个文件的服务器上时，出现这个错误： Cannot read property 'offsetWidth' of undefined – 有没有人遇到过这个问题，并有任何已知的解决scheme？

Bootstrap-select – 如何触发更改事件: 我正在使用Bootstrap 3.0.2和Bootstrap-select插件。这是我的select列表： <select class="selectpicker" data-live-search="true" data-size="7"> <option>Petr Karel</option> <option>Honza Novák</option> <option>David Egydy</option> <option>Sláva Kovář</option> <option>Hana Skalická</option> <option>Simona Kolářová</option> <option>Kateřina Sychová</option> <option>Amálka Sychová</option> <option>Jana Sychová</option> <option>Magdaléna Sychová</option> <option>Tereza Sychová</option> <option>Bohdana Sychová</option> </select> 这是我的JavaScript ： //inicialization of select picker $('.selectpicker').selectpicker(); //on change function i need to control selected value $('select.selectpicker').on('change', function(){ var selected = $('.selectpicker […]

调整Twitter-Bootstrap中的button大小: 我正在开发一个移动友好的networking应用程序，我想要一个简单的用户界面，其中包括巨大的安德烈巨人可以轻松地点击它们的button。问题是，我没有看到简单的方式显式调整引导button的宽度或高度设置为百分比，像素数量，或者只是让他们填充他们的容器。在使用'btn btn-small'或'btn btn-large'类之外，是否有一种大大扩大button的规范方法，或者这被认为是一种不好的做法？

如何通过点击button来打开和closures引导警报？: 我想用button单击事件多次显示一个警告框，而不必刷新页面，但警报框只显示一次。如果我想再次显示警告框，我必须刷新页面。目前，如果您在页面上呈现引导警报，则在closures警报时，警报的div容器将从页面中消失。所以当你再次点击button时，它不会再显示出来。我一直在closuresbutton上进行以下操作，使其隐藏，而不是删除警报的div容器。 <button class="close" onclick="$('#alertBox').hide();; return false;">×</button> 我不知道在bootstrap中使用数据切换或数据closures可以使这种切换效果工作，而无需通过我自己的自定义Javascript处理程序。

在twitter bootstrap 2.0.4中更改导航栏颜色: 想知道是否有人知道如何在bootstrap v2.0.4中更改导航栏颜色我试过这个解决scheme，它似乎并不工作： Twitter的Bootstrap导航栏颜色任何其他解决scheme 我已经尝试过定制的引导程序包，但是我到目前为止已经进入开发阶段，我可以做一个这样的开关。码： .navbar-inner { background-color: #2c2c2c; /* fallback color, place your own */ /* Gradients for modern browsers, replace as you see fit */ background-image: -moz-linear-gradient(top, #333333, #222222); background-image: -ms-linear-gradient(top, #333333, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); background-image: -webkit-linear-gradient(top, #333333, #222222); background-image: -o-linear-gradient(top, #333333, #222222); background-image: linear-gradient(top, […]