Questions tagged «twitter-bootstrap-2»

Bootstrap 2是前端框架的第二代,可加快Web开发速度。有关Bootstrap 3的问题,请使用“ twitter-bootstrap-3”。

17
如何使我的Twitter Bootstrap按钮正确对齐?
我在这里有一个简单的演示: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> 我有一个无序列表,对于每个列表项,我希望左侧有一个文本,然后有一个右对齐的按钮。我尝试使用向右拉,但这完全弄乱了对齐方式。我究竟做错了什么?

30
如何更改Twitter Bootstrap模式框的默认宽度?
我尝试了以下方法: <div class="modal hide fade modal-admin" id="testModal" style="display: none;"> <div class="modal-header"> <a data-dismiss="modal" class="close">×</a> <h3 id='dialog-heading'></h3> </div> <div class="modal-body"> <div id="dialog-data"></div> </div> <div class="modal-footer"> <a data-dismiss="modal" class="btn" >Close</a> <a class="btn btn-primary" id="btnSaveChanges">Save changes</a> </div> </div> 而这个JavaScript: $('.modal-admin').css('width', '750px'); $('.modal-admin').css('margin', '100px auto 100px auto'); $('.modal-admin').modal('show') 结果不是我所期望的。模态左上方位于屏幕中央。 谁能帮我。有没有其他人尝试过。我认为这不是一件不寻常的事情。

12
在Twitter Bootstrap 2中添加图标以提交按钮
我想在表单输入提交按钮上使用twitter bootstrap图标。 http://twitter.github.com/bootstrap/base-css.html#icons上的示例主要显示样式超链接。 我最近来的是让该图标显示在按钮旁边,但不在里面。 <div class="input-prepend"> <span class="add-on"><i class="icon-user icon-white"></i></span> <input type="submit" class="btn-primary" value="Login" > </div>



12
使用Bootstrap 2在某些位置但并非在所有位置将字形的颜色更改为蓝色
我正在为我的UI使用Bootstrap框架。我想将字形的颜色更改为蓝色,但并非在所有地方都更改。在某些地方,它应该使用默认颜色。 我已经提到了这两个链接,但没有发现任何帮助。 我可以仅使用CSS向引导图标添加颜色吗? 如何将Bootstrap 3的glyphicons更改为白色? 请注意:我正在使用Bootstrap 2.3.2。


14
TypeError:$(…).modal不是带有Bootstrap Modal的函数
我有一个bootstrap 2.32模态,试图将其动态插入另一个视图的HTML中。我正在使用Codeigniter 2.1。在向视图中动态插入引导模式部分视图之后,我具有: <div id="modal_target"></div> 作为要插入的目标div。我的视图中有一个按钮,看起来像: <a href="#message" class="btn btn-large btn-info" data-action="Message" data-toggle="tab">Message</a> 我的JS有: $.ajax({ type : 'POST', url : "AjaxUpdate/get_modal", cache : false, success : function(data){ if(data){ $('#modal_target').html(data); //This shows the modal $('#form-content').modal(); } } }); 主视图的按钮是: <div id="thanks"><p><a data-toggle="modal" href="#form-content" class="btn btn-primary btn-large">Modal powers, activate!</a></p></div> 这是我想作为局部视图单独存储的内容: <div id="form-content" …

9
如何使用Bootstrap2将div居中?
http://twitter.github.com/bootstrap/scaffolding.html 我尝试了所有组合: <div class="row"> <div class="span7 offset5"> box </div> </div> 要么 <div class="container"> <div class="row"> <div class="span7 offset5"> box </div> </div> </div> 已更改跨度和偏移量数字... 但是我无法得到一个完美地位于页面中心的简单盒子:( 我只想要一个6栏宽的盒子居中... 编辑: 做到了 <div class="container"> <div class="row" id="login-container"> <div class="span8 offset2"> box </div> </div> </div> 但是盒子太宽了,我可以用span7做什么吗? span7 offset2在左侧提供span7 offset3额外的填充在右侧提供额外的填充...

5
导航栏顶部的Twitter-Bootstrap-2徽标图片
有人可以建议我如何将徽标图像放置在导航栏的顶部吗?我的标记: <body> <a href="index.html"> <img src="images/57x57x300.jpg"></a> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> 由于导航栏下方显示了57x57x300.jpg,因此无法正常工作。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.