10 Essential Twitter Bootstrap Interview Questions *

这段代码将生成一个带有内联徽章的链接，该徽章向用户提供重要的通知, 例如收到或未读消息的数量或好友请求的数量. 徽章最常用于消息应用程序和社交网站.

Bootstrap’s Tooltip plugin is not CSS-only, like other plugins are. 出于性能原因，工具提示插件是可选的，您可以使用它 must 用JavaScript用下面的示例代码初始化它:

$(function () {
  $('[data-toggle="tooltip"]').tooltip();
});

第一行将初始化带有id的模态对话框提示符 #myModalPrompt, and set only it to ignore keyboard event. 第二行将通过修改插件的默认设置来改变modal插件的默认设置 Constructor.DEFAULTS 对象，并将对所有模态对话框提示产生影响.

By placing multiple bars under the same .progress 元素，Bootstrap会将它们叠加到一个进度条中. 由于进度条的总和是100%，因此进度条将是全宽的，并且完全填充.

警报消息用于提供通常需要用户注意的反馈消息. 这里需要注意的是，Bootstrap Alerts没有默认类. If a contextual class such as .alert-success, .alert-info, .alert-warning, or .alert-danger，则会创建默认的灰色警报.

If we apply .list-unstyled 对于列表，它将删除列表项的默认列表样式和左边距. But only for the immediate children. Main list items will be without any style, 嵌套列表项仍然具有默认的无序嵌套列表样式.

Bootstrap sets the global default font-size to 14px, with a line-height of 1.428. 默认字体改为Helvetica和Arial，并带有无衬线字体. All these styles are applied to the and all paragraphs, with the addition that

(段落)的下边距为其计算行高的一半，默认为10px.

.col-xs-* 类定义了用于超小型设备的网格数量，和 .col-md-* 定义桌面设备及以上设备的网格数量. 这个示例将在桌面上呈现四列, 在移动设备上，列将具有全宽度，并将堆叠在一起.

Bootstrap网格系统提供了四层类: xs for phones (<768px), sm for tablets (≥768px), md for desktops (≥992px), and lg for large desktops (≥1200px). 这个问题隐藏的诀窍是，只有三个媒体查询. Bootstrap is mobile first by design, so the default styles are for small devices, 然后在更大的屏幕上添加媒体查询, as follow in LESS code:

/* Extra small devices (phones, less than 768px) */
/*没有媒体查询，因为这是Bootstrap的默认设置*/

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

Bootsrap需要的唯一依赖项是jQuery, and this is only for Bootstrap’s JavaScript plugins. At the moment, Bootsrap v3.3.4 requires jQuery v1.9.1 or later.