Twitter Bootstrap - 如何在超小型和小型设备上将按钮设置为块级别

Question

我有以下HTML:

<a href="javascript:void(0)" class="btn btn-primary btn-block">Start</a>

这很好,但是,我不希望按钮在中型和大型设备(基本上是台式机)上的屏幕上伸展.有没有办法用Bootstrap开箱即用？

Answer 1

响应式CSS.

您可以使用@media标记定义CSS的任何部分的最大宽度或/和高度,例如bootstrap-responsive.css.这是一个例子.

@media (min-width: 400px) and (max-width: 600px) {
    /* Code here */
}

该代码将应用于所有设备,浏览器窗口宽度最小为400像素,最大为600像素.

你可以抓住的代码btn,btn-primary并btn-block从bootstrap.css或引导-responsive.css(在有一些响应的例子),并把它放在一个<style></style>标签或在一个单独的CSS文件,并与响应CSS相应的编辑.