标签: twitter-bootstrap

使用Bootstrap模式,我已经看到aria了很多这些属性,但我从来不知道如何使用它们.

有谁知道使用这些属性的情况？我google了 - 只是没有找到任何直截了当的答案.

我有一个关于包含node_modules在HTML网站中的最佳实践的问题.

想象一下,我的node_modules文件夹中有Bootstrap .现在,对于网站的分发版本(实时版本),我如何包含位于node_modules文件夹内的Bootstrap脚本和CSS文件？将Bootstrap放在该文件夹中并执行以下操作是否有意义？

<script src="./node_modules/bootstrap/dist/bootstrap.min.js"></script>

或者我是否必须向我的gulp文件添加规则,然后将这些文件复制到我的dist文件夹中？或者最好让gulp以某种方式从我的HTML文件中完全删除本地引导程序并将其替换为CDN版本？

我正在使用Twitter引导模态对话框.当我单击bootstrap模式对话框的提交按钮时,它会发送一个AJAX请求.我的问题是模态背景不会消失."模态"对话框确实消失了,但是"模态背景"会在屏幕上创建不透明度

我能做什么？

我很困惑,当谈到禁用<button>,<input>或<a>使用类的元素:.btn或者.btn-primary,使用JavaScript/jQuery的.

我使用了以下代码片段来做到这一点:

$('button').addClass('btn-disabled');
$('button').attr('disabled', 'disabled');
$('button').prop('disabled', true);

所以,如果我只提供$('button').addClass('btn-disabled');我的元素,它将在视觉上显示为禁用,但功能将保持不变,但它仍然是可点击的,所以这就是我将元素attr和prop设置添加到元素的原因.

有没有人在那里过期同样的问题？这是否是正确的方法 - 使用Twitter的Bootstrap？

我正在Twitter Bootstrap中构建一个表单,但是我遇到了将表单中输入下方的按钮居中的问题.我已经尝试将该center-block类应用于按钮,但这不起作用.我该怎么解决这个问题？

这是我的代码.

<!-- Button -->
<div class="form-group">
    <label class="col-md-4 control-label" for="singlebutton"></label>
    <div class="col-md-4">
        <button id="singlebutton" name="singlebutton" class="btn btn-primary center-block">
            Next Step!
        </button>
    </div>
</div>

在Bootstrap v3中,我经常使用隐藏的 - **类结合clearfix来控制不同屏幕宽度的多列布局.例如,

我可以将多个隐藏的**组合在一个DIV中,以使我的多列在不同的屏幕宽度下正确显示.

例如,如果我想显示产品照片的行数,则在较大屏幕尺寸上每行4个,在较小屏幕上每行4个,在非常小的屏幕上显示2个.产品照片可能是不同的高度,所以我需要clearfix以确保正确的行中断.

这是v3中的一个例子......

http://jsbin.com/tosebayode/edit?html,css,output

既然v4已经废除了这些类,并用可见/隐藏 - ** - 向上/向下类替换它们,我似乎不得不用多个DIV做同样的事情.

这是v4中的一个类似例子......

http://jsbin.com/sagowihowa/edit?html,css,output

所以我已经从单个DIV转到必须添加多个具有大量上/下类的DIV来实现相同的功能.

从...

<div class="clearfix visible-xs-block visible-sm-block"></div>

至...

<div class="clearfix hidden-sm-up"></div>
<div class="clearfix hidden-md-up hidden-xs-down"></div>
<div class="clearfix hidden-md-down"></div>

在v4中有没有更好的方法可以忽略我？

我正在尝试使用twitter bootstrap 3 制作双列全高布局.似乎twitter bootstrap 3不支持全高度布局.我想做的事:

  +-------------------------------------------------+
  |                     Header                      |
  +------------+------------------------------------+
  |            |                                    |
  |            |                                    |
  |Navigation  |         Content                    |
  |            |                                    |
  |            |                                    |
  |            |                                    |
  |            |                                    |
  |            |                                    |
  |            |                                    |
  +------------+------------------------------------+

如果内容增长,导航也应该增长.

• 每个父母的高度100%不起作用,因为存在内容是一行的情况.
• 绝对的位置似乎是错误的方式
• display: table而且display:table-cell,它并不优雅

HTML:

    <div class="container">
      <div class="row">
        <div class="col-md-3"></div>
        <div class="col-md-9"></div>
      </div>
    </div>

有没有办法使用默认的twitter bootstrap 3类？

有什么常见的方法可以左对齐一些文本并在引导程序中对div容器中的其他文本进行右对齐？

例如

Total cost                   $42

以上总费用应为左对齐文本,42美元为右对齐文本

我想使用Bootstrap显示内联列表.我可以从Bootstrap添加一个类来实现这个目标吗？

我想让全球字形更大,以便覆盖页面的大部分(它是矢量图像).它不是按钮或任何东西; 它只是一个人.有没有办法做到这一点？

<div class = "jumbotron">
    <span class="glyphicon glyphicon-globe"></span>
</div>