我在这里有一个简单的演示:
<ul>
<li>One <input class="btn pull-right" value="test"></li>
<li>Two <input class="btn pull-right" value="test2"></li>
</ul>
我有一个无序列表,对于每个列表项,我希望左边有文本,然后是右对齐按钮.我试图使用右拉,但这完全弄乱了对齐.我究竟做错了什么？
twitter-bootstrap twitter-bootstrap-3 twitter-bootstrap-2 bootstrap-4
我尝试了以下方法:
<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')
结果不是我的预期.模态左上方位于屏幕中央.
谁能帮我.有没有人试过这个.我认为这不是一件不寻常的事情.
我想在表单输入提交按钮上使用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>
我喜欢Twitter Bootstrap 2.0 - 我喜欢它是如此完整的库...但我想对一个非常四四方方的站点进行全局修改,这是为了摆脱Bootstrap中的所有圆角......
这需要很多CSS才能完成.是否有全局转换,或者找到并替换所有舍入的最佳方法是什么？
使用Twitter的Bootstrap添加垂直空白的最佳方法是什么？
例如,假设我正在创建一个登录页面,并希望在某个按钮的上方和下方有一点(100px)的空白空白.显然,我可以为该特定按钮创建一个特定的类.但是,我认为Bootstrap应该有一种干燥的方式来添加垂直空格.
whitespace vertical-alignment twitter-bootstrap twitter-bootstrap-2
我正在为我的UI使用Bootstrap框架.我想将我的glyphicons的颜色改为蓝色,但不是在所有地方.在某些地方,它应该使用默认颜色.
我已经提到了这两个链接,但我找不到任何有用的东西.
请注意:我使用的是Bootstrap 2.3.2.
您是否可以禁用Bootstrap 2.0中的选项卡,就像您可以禁用按钮一样？
我有一个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" class="modal hide fade in" style="display: none;">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>Send me a message</h3>
</div>
<div class="modal-body">
<form class="contact" name="contact">
<fieldset>
<!-- Form Name -->
<legend>modalForm</legend>
<!-- …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额外填充提供额外的填充...
有人可以建议我如何在导航栏顶部放置徽标图像吗？我的加价:
<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显示在导航栏下方,因此无法正常工作.