标签: twitter-bootstrap-2

在bootstrap 2中,建议在表单中排列标签和只读文本字段的方法是什么.以下代码示例创建未对齐的字段:

<form class="form-horizontal">
    <fieldset>
        <legend>Sample</legend>    
        <div class="control-group">
            <label class="control-label">Readonly Field</label>
            <div class="controls">
                Lorem Ipsum and then some
            </div>
        </div>
    </fieldset>
</form>

请注意,我可以使用自定义CSS解决此问题.那不是问题.这似乎很愚蠢,这不是内置的,所以我觉得我必须忽略一些东西.

使用Twitter引导程序时,如何更改选择字段的宽度？添加input-xxlargeCSS类似乎不起作用(就像在其他表单元素上一样),因此我的下拉列表中的元素目前被截断.

我想使用Glyphicons图标字体,我需要每个图标的十六进制值.我似乎无法在Bootstrap网站和Glyphicons网站上找到任何资源.我想知道如何将其嵌入到项目中并使用它？

注意:我想使用Glyphicons icon-font NOT png图标.

我正在使用Bootstrap 2.3.2

我应该包含两个css文件还是一个就够了？

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" media="all" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" media="all" />

要么

<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" media="all" />

我正在使用Twitter Bootstrap模式,使用默认选项,您可以单击背景或按[Esc]关闭模式.

但是,当我在模态中启动ajax操作时,我想禁用模式以任何方式关闭.所以我禁用按钮并隐藏模态的关闭按钮,但我无法弄清楚如何禁用背景和[Esc]键.

我试过了:

$('#myModal').modal({
    backdrop: 'static',
    keyboard: false
});

但这似乎并没有在飞行中起作用.

一旦ajax操作完成,我还需要重新启用背景和键盘.

编译Twitter的Bootstrap 2.3.2时.少于2我发现以下错误:

NameError: #grid > .core > .span is undefined in /home/bootstrap-2.3.2/less/navbar.less on line 199, column 3:
198 .navbar-fixed-bottom .container {
199   #grid > .core > .span(@gridColumns);
200 }

我怎样才能解决这个问题？

我正在使用Bootstrap的btn-mini"迷你"按钮类,我正在寻找类似于创建"迷你"选择元素的东西,其中选择按钮(即您单击以显示选项列表的部分,而不是选项列表本身)与迷你按钮的尺寸和样式相同.

当我将btn-mini类应用于选择元素时,选择按钮的字体样式与迷你按钮的大小相同,但是选择按钮本身的大小与默认大小相同.

我应该使用不同的Bootstrap类吗？还是另一种方式呢？

PS我正在开发OS X Chrome,但自然希望有一个跨浏览器兼容的解决方案.

我使用twitter bootstrap,我想将verticaly div与图片和右边的文本对齐.

这是代码:

<ol class="row" id="possibilities">
     <li class="span6">
         <div class="row">
             <div class="span3">
                 <p>some text here</p>
                 <p>Text Here too</p>
             </div>
             <figure class="span3"><img src="img/screenshots/options.png" alt="Some text" /></figure>
         </div>
     </li>
     <li class="span6">
         <div class="row">
             <figure class="span3"><img src="img/qrcode.png" alt="Some text" /></figure>
             <div class="span3">
                 <p>Some text</p>
                 <p>Some text here too.</p>
             </div>
         </div>
     </li>
</ol>

我试过这个但不是wortks:

.span6 .row{display: table;}
.span6 .row .span3, .span6 .row figure{display:table-cell; vertical-align: middle;}

我也试过这个:

.span6 .row .span3{display: inline-block; vertical-align: middle;}

没有工作.有人有想法吗？提前致谢.

我在移动设备(Bootstrap 2)上的Bootstrap菜单下拉列表出现问题.这里有一个类似的问题,带有下拉按钮,但是答案就是引导程序中的一个固有错误,它在更新中得到了解决.我似乎有同样的问题所以也许这取决于我的标记？

我有一个带有下拉菜单的可折叠导航栏,一切都在桌面浏览器上完美运行.但是,在移动设备上,当您点击下拉列表时,下拉菜单会打开,但点击任何下拉链接只会再次折叠下拉菜单 - 无法访问链接.我尝试了各种bootstrap版本,无法纠正这个问题,所以我只能想象它是我的标记.这里是:

 <header class="navbar">
    <div class="navbar-inner">
        <div class="container">
            <a href="#"><h1>Branding</h1></a>
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> Menu </button>
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li><a href="#">Menu Item 1</a></li>
                    <li class="dropdown">                    
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Item 2 (Dropdown)<b class="caret"></b></a>      
                        <ul class="dropdown-menu">
                            <li><a href="#">Dropdown Item 1</a></li>
                            <li><a href="#">Dropdown Item 2</a></li>
                            <li><a href="#">Dropdown Item 3</a></li>  
                            <li><a href="#">Dropdown Item 4</a></li>                           
                        </ul>
                    </li>
                    <li><a href="#">Menu Item 3</a></li>
                    <li><a href="#">Menu Item 4</a></li>
                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </div>
</header>

这是一个复制代码的例子(抱歉,无法发送网站):http://jsfiddle.net/yDjw8/1/ …

是否可以使用Twitter Bootstrap(v2或v3)使用某些内置功能或第三方插件呈现不确定的进度条？我试图谷歌,但没有运气.

我要实现的示例: