Questions tagged «twitter-bootstrap»

Bootstrap是一个前端框架，旨在启动Web应用程序和网站的开发。对于与Bootstrap版本有关的问题，请使用“ twitter-bootstrap-2”，“ twitter-bootstrap-3”和“ bootstrap-4”标签中特定版本的标签。

19
如何为<td>设置固定宽度？
简单方案： &lt;tr class="something"&gt; &lt;td&gt;A&lt;/td&gt; &lt;td&gt;B&lt;/td&gt; &lt;td&gt;C&lt;/td&gt; &lt;td&gt;D&lt;/td&gt; &lt;/tr&gt; 我需要为设置一个固定宽度&lt;td&gt;。我试过了： tr.something { td { width: 90px; } } 也 td.something { width: 90px; } 对于 &lt;td class="something"&gt;B&lt;/td&gt; 乃至 &lt;td style="width: 90px;"&gt;B&lt;/td&gt; 但是的宽度&lt;td&gt;仍然相同。
9
什么是Bootstrap？
Наэтотвопросестьответына 堆栈溢出нарусском：Чтотакое引导？ 这里有很多与Bootstrap相关的问题。我看到很多人在使用它。因此，我尝试进行研究，找到了Bootstrap的官方网站，但之后只有一个下载部分和几句话。没有什么可以解释它的作用是什么...我只是了解它是一个前端帮助器。我试图通过Google搜索找到一些东西，但没有发现任何具体问题。我发现的一切都与计算机科学定义有关。 因此，我的问题是： Bootstrap到底是什么？ 它的作用是什么，它如何帮助前端开发？ 我还想解释一些细节。
8
容器流体与容器
刚刚下载了3.1，并在文档中找到了... 通过改变你的最外圈任何固定宽度的网格布局成一个全宽度的布局.container来.container-fluid。 往里看bootstrap.css，似乎.container-fluid和.container。两者都有相同的CSS，并且的每个实例.container-fluid都与配对.container，并且所有列类均以百分比指定。 当与示例交流时，我看不出任何区别，因为一切似乎都是流畅的。 因为我是Bootstrap的新手，所以我想我缺少一些东西。有人可以花点时间启发我吗？
17
如何使我的Twitter Bootstrap按钮正确对齐？
我在这里有一个简单的演示： http://jsfiddle.net/HdeZ3/1/ &lt;ul&gt; &lt;li&gt;One &lt;input class="btn pull-right" value="test"&gt;&lt;/li&gt; &lt;li&gt;Two &lt;input class="btn pull-right" value="test2"&gt;&lt;/li&gt; &lt;/ul&gt; 我有一个无序列表，对于每个列表项，我希望左侧有一个文本，然后有一个右对齐的按钮。我尝试使用向右拉，但这完全弄乱了对齐方式。我究竟做错了什么？
10
具有左，中或右对齐项的Bootstrap NavBar
在Bootstrap中，最简单的平台创建导航栏的方法是在左侧显示徽标A，在中央显示菜单项，在右侧显示徽标B。 这是到目前为止我尝试过的方法，最终将它们对齐，以使徽标A位于左侧，菜单项位于徽标旁边，左侧是徽标B。 &lt;div class="navbar navbar-fixed-top navbar-custom "&gt; &lt;div class="container" &gt; &lt;div class="navbar-header"&gt; &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;/button&gt; &lt;a class="navbar-brand" href="#"&gt;&lt;span class="navbar-logo"&gt;Logo_A&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="collapse navbar-collapse"&gt; &lt;ul class="nav navbar-nav"&gt; &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#about"&gt;Menu Item 1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#contact"&gt;Menu Item 2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#about"&gt;Menu Item 3&lt;/a&gt;&lt;/li&gt; …
25
关闭Bootstrap模式
我有一个最初要显示的引导模式对话框，然后当用户单击页面时，该对话框消失。我有以下几点： $(function () { $('#modal').modal(toggle) }); &lt;div class="modal" id='modal'&gt; &lt;div class="modal-header"&gt; &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt; &lt;h3 id="myModalLabel"&gt;Error:&lt;/h3&gt; &lt;/div&gt; &lt;div class="modal-body"&gt; &lt;p&gt;Please correct the following errors:&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; 模态最初显示，但是在模态外部单击时它不会关闭。此外，内容区域不会显示为灰色。.如何使模式最初显示，然后在用户在区域之外单击后关闭？以及如何像演示中一样使背景变灰？
16
响应式图像对齐中心引导程序3
我使用Bootstrap 3进行目录编制。当在平板电脑上显示时，由于产品尺寸较小（500x500），浏览器中的宽度为767像素，因此产品图像看上去很难看。我想将图像放在屏幕中央，但是由于某些原因，我不能。谁将帮助解决问题？
5
基于Twitter Bootstrap的响应式设计的流体或固定网格系统
我对twitter引导网格中的各种选项以及它们如何组合在一起感到困惑。 首先，您可以有一个普通的fixed container或一个container-fluid。 然后，可以包含一个普通row行或一个流体行row-fluid。也就是说，您可以使用带有固定排的固定容器，或者带有固定排的容器流体...？ 然后，最重要的是，您可以包括“响应式”媒体查询，也可以不包括。 我对这些东西如何相互作用感到困惑。但是，让我们从一个明显的例子开始。 在示例页面本身上，提供了作为固定网格和流体网格的示例的内容 但是，在我的浏览器中，在该示例页面本身上-两个网格的行为相同。也许因为示例页面使用了可选的响应式媒体查询？在这两个网格示例中，如果我开始逐渐缩小浏览器窗口的范围，则网格元素不会逐渐变窄-一旦达到某个（响应）边界宽度，它们将捕捉为较小的尺寸，然后又变为更远的边界宽度。但是普通的“固定”示例和“流体”示例在这里的行为完全相同-那么到底有什么区别呢？
29
具有徽标的Bootstrap 3导航栏
我想将Bootstrap 3默认导航栏与图像徽标一起使用，而不要使用文字商标。在不引起不同屏幕尺寸问题的情况下，这样做的正确方法是什么？我认为这是一个普遍的要求，但是我还没有看到好的代码示例。除了在所有屏幕尺寸上都可以接受的显示外，关键要求是在较小屏幕上的菜单可折叠性。 我尝试仅将IMG标签放在具有navbar-brand类的A标签内，但这导致菜单在我的android手机上无法正常运行。我还尝试增加导航栏类的高度，但这使事情变得更糟。 顺便说一句，我的徽标图像大于导航栏的高度。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.