Tag: twitter bootstrap 3
Bootstrap 3.0附带列表更改宽度
我正在迁移到bootstrap 3.0.0，我遇到了粘贴菜单的问题：一旦粘贴（10px滚动后），它的宽度就会改变。 在这个小提琴中，它变得更小，在我的真实网站中它变得更宽，并扩大了实际的内容。 它与引导v2.3.2完美的工作。 检查后，看起来像列表项不能很好地显示.affix {position: fixed;}出现。 有任何想法吗？ 解决scheme：基于最新的评论，我最终添加了这个JS片断，很好地修复它，而不必为固定元素设置固定宽度： $(function() { var $affixElement = $('div[data-spy="affix"]'); $affixElement.width($affixElement.parent().width()); });
Bootstrap 3将文本alignment到底部
我试图在Bootstrap中得到一个设置，看起来像这样，我有文本与图像的底部alignment： ================================================ | | | #################### | | ##THIS IS AN IMAGE## | | #################### …And some text! | | | ================================================ 所以我试过这个： <div class="row"> <div class="col-sm-6"> <img src="~/Images/MyLogo.png" alt="Logo" /> </div> <div class="col-sm-6"> <h3>Some Text</h3> </div> </div> 但是我最终会看到更像这样的东西，其中的文字是顶部alignment的： ================================================ | | | #################### …And some text! | | ##THIS IS AN IMAGE## | | […]
什么是引导程序中的tabindex =“ – 1”
Bootstrap 3中的tabindex属性是什么？ 它的文档没有提到任何关于它们的内容，尽pipe它们实际上在所有的模式中使用它们。 我只是发现这个用法，其实并不多 可访问键盘和辅助技术用户的工具提示 对于使用键盘进行导航的用户，特别是辅助技术用户，只能将工具提示添加到键盘可聚焦的元素，例如链接，表单控件或具有tabindex =“0”属性的任意元素。 我发现如果tabindex属性不是-1 ， 我不能按esc来隐藏模式 。 按esc键后的模式closures（用tabindex） 按esc键后没有closures模式（没有tabindex）
在iOS 9 Safari上打开Bootstrap模式时，屏幕会放大
当我在iOS9 Safari上打开Bootstrap 3模式时，屏幕会放大。它在iPhone上的Chrome应用程序上按预期工作。 下面是显示问题的图片。 Safari截图： Chrome屏幕截图（预期行为）：
如何以编程方式打开Bootstrap下拉菜单
我试图打开一个引导下拉菜单，当我点击另一个下拉菜单项。 我们的想法是从第一个下拉列表中select一个城市 – 然后脚本将自动打开第二个下拉菜单（仅显示与所选城市相对应的区域）。 这是我的JS： $('#sidebar_filter_city li').click(function(){ $('#sidebar_filter_areas').dropdown('toggle'); }); 这是HTML： <div class="dropdown form-control"> <div data-toggle="dropdown" id="sidebar_filter_cities" class="sidebar_filter_menu" data-value="jersey-city">Jersey City<span class="caret caret_sidebar"></span></div> <input type="hidden" name="advanced_city" value="jersey-city"> <ul id="sidebar_filter_city" class="dropdown-menu filter_menu" role="menu" aria-labelledby="sidebar_filter_cities"> <li role="presentation" data-value="">All Cities</li> <li role="presentation" data-value="jersey-city">Jersey City</li> <li role="presentation" data-value="london">London</li> <li role="presentation" data-value="new-york">New York</li> </ul> </div> </div> <div class="dropdown form-control"> <div data-toggle="dropdown" id="sidebar_filter_areas" […]
如何在bootstrap中的容器内创build100％的屏幕宽度div？
比方说，我有以下标记： <div class="container"> <div class="row"> <div class="col-md-12"> … <div class="full-width-div"> </div> </div> </div> </div> 现在如何使.full-width-div伸展到屏幕的整个宽度？ 因为目前它在容器内部是有限的。
造型Twitter的Bootstrap 3.xbutton
Twitter的Bootstrap 3button的颜色有限。 默认情况下会有5 7种颜色（默认主要，错误，警告，信息，成功和链接）请参阅： 每个button都有3个状态（默认，活动和禁用） 如何添加更多颜色或创build自定义button？ 这个问题已经为Twitter的Bootstrap 2.x： 造型twitter引导button回答了。 引导程序3不向后兼容。 在less和css文件中会有很多变化。 IE7的支持将被丢弃。 TB3首先是移动的。 标记码也将被改变。
Bootstrap 3以响应的方式在表格的行内截断长文本
我使用的是bootsrap 3表格，当我把大文本放在表格中的时候，它被包装在几行上，但是我希望它能够以一个响应的方式在最后以三点截断，而不会搞乱表格的布局（我发现一些解决scheme，但有不愉快的效果）。 那可能吗 ？ 怎么样 ？ PS：任何解决scheme是受欢迎的，但我希望它只是HTML / CSS，如果可能的话。
我怎样才能防止身体的滚动条，并在twitter引导modal dialog加载时转移？
当我打开twitter bootstrap模式对话框时，背景会产生一个滚动条并移动内容。 为了避免滚动条我使用这个CSS： .modal { overflow: hidden; } 但我无法避免这种转变。 问候，马可 我正在使用Bootstrap版本3
如何在IE8中更改Bootstrap 3模式的宽度？
我必须支持IE8。 模式本身工作正常，但我的尝试调整它（在Firefox中工作正常）不适用于IE8。 我只是在模式对话框div（Bootstrap结构中的第二个嵌套对象）中添加一个类（在本例中为宽模式），并通过CSS应用宽度，没有什么奇怪的。 HTML： <div class="modal fade" id="modalTest" role="dialog"> <div class="modal-dialog wide-modal"> <div class="modal-content "> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Testing Modal</h4> </div> <div class="modal-body"> <img src="content/Example-Infographic.jpg" width="100%" /> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div><!– /.modal-content –> </div><!– /.modal-dialog –> </div> CSS： .wide-modal { width: 60%; } 我试图把这个类添加到上面和下面的div中去，没有（正面）效果。 […]
