问题标签 [twitter-bootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2004 浏览

css - 如何使用 ASP.Net MVC 3 链接到两个样式表?

我想在我的 ASP.Net MVC 3 应用程序中使用来自 Twitter 的 Bootstrap 。我下载了 bootstrap.css 并将其添加到我的 Content 文件夹中的项目中。我打开了 _Layout.cshtml 并添加了一个指向该文件的链接:

当我运行应用程序时,没有应用样式表。如何从我的 _Layout.cshtml 文件中同时引用 Site.css 和 bootstrap.css?

0 投票
1 回答
5027 浏览

html - Twitter Bootstrap、样式和使用媒体网格类

我正在使用 Twitter Bootstrap 项目为我的一个 iPhone 应用程序创建一个简单的(ish)网站。我用它创建了一个完整的网站,发现它很容易使用,但我遇到了一些媒体网格问题。

我正在尝试使用 media-grid 类实现一行 3 张图像。这些图像的宽度为 280 像素,总共给了我 840 像素。容器的宽度为 940 像素,因此我有 100 像素的宽限可用于填充等。我发现这非常难以做到,因为当我查看该站点时,它会并排放置两个图像,然后将第三个图像放在下一行。但是出现了一些异常情况,它们是;

  • 当我通过 FTP 发布 index.html 和关联的 css 文件时,网站会显示两个并排的图像,然后在下一行显示第三个图像。
  • 当我在“Coda”(我用来编写 html 和 css 的 Mac 上的编辑器)中预览网站时,网站看起来完全符合我的要求,所有 3 张图像并排排成一排。

我尝试了很多东西;

  1. 我尝试在 CSS 中编辑 .media-grid 样式,但它似乎对网站的外观没有影响。即使我有大量的边距或填充,它也不会因为某种原因而改变?
  2. 我尝试将我自己的 id 放到三个图像的 media-grid 类中,然后设置自己的样式,这对视觉效果也没有影响。

我使用以下代码插入我的图像;

我在 CSS 中遗漏了什么吗?我不熟悉 CSS,所以我可能忽略了一些东西?任何帮助,将不胜感激。

0 投票
8 回答
157048 浏览

css - 如何在 Twitter Bootstrap 中覆盖样式

如何覆盖 Twitter Bootstrap 中的样式?例如,我目前正在使用具有 CSS 规则“float:left;”的 .sidebar 类 我该如何更改它以使其向右移动?我正在使用 HAML 和 SASS,但对 Web 开发相对较新。

0 投票
2 回答
10461 浏览

ruby-on-rails-3.1 - Twitter bootstrap + jquery-ui-datepicker on rails?

在使用 Twitter Bootstrap 时,是否有任何已知的方法可以让日期输入工作?datepicker 目前看起来一团糟,而且在他们的文档中似乎没有可接受的替代方案。有什么方法可以让日期选择器与 bootstrap 配合使用,或者是否有替代的日期/时间选择 UI 可以与 bootstrap 一起使用?

0 投票
4 回答
1480 浏览

css - 无法让下拉菜单工作?

只是查看了 Bootstrap 工具包并尝试让下拉菜单在顶部菜单上运行。

我的菜单代码如下

单击时下拉菜单不执行任何操作?

我已包含以下 css 文件。

有人能帮我一下吗?谢谢。

0 投票
4 回答
54172 浏览

c# - 使用 Twitter Bootstrap 在 ASP.NET MVC 中调用模式对话框的最佳方法是什么?

我目前在一个新项目中使用Twitter 的 Bootstrap 工具包,我对在 ASP.NET MVC3 中使用模式对话框的最佳方式有疑问。

最好的做法是让 Partial 包含模态标记,然后使用 javascript 将其呈现到页面上,还是有更好的方法?

0 投票
4 回答
6639 浏览

javascript - Twitter Bootstrap 不适用于 less.js

我已将其分解为最简单的形式,但仍然无法找出为什么这不起作用。所有文件都已解析,并且 Bootstrap 中的导入已加载,样式未加载。

引导程序 1.4.0 减 1.1.3

我做了一个简单的 style.less 效果很好!我错过了一些明显的东西吗?

更新:

托德要求的 style.less :

0 投票
3 回答
4549 浏览

css - 将外部 CSS 应用于特定区域

我想将外部 CSS(例如Bootstrap)导入我的站点——问题是我只想将 Bootstrap 样式应用于页面的特定区域。当我包含 Bootstrap 时,它会将其样式应用于整个页面,重新设置所有表格、div 等的样式。

是否可以仅将 Bootstrap 应用于一个区域(比如父 div 或其他东西?)

谢谢

0 投票
8 回答
71718 浏览

html - 带有 twitter-bootstrap 的下拉菜单

我的 TopBar 中有一个下拉菜单,使用 Twitter Bootstrap CSS 框架构建。

我有 3 个问题,我找不到任何解决方案:

  1. 文本和密码输入字段太大,我该如何调整它们?使下拉框更大也可以。
  2. 字段的标签太暗了,我怎样才能让它们变亮一点?
  3. 当我单击其中一个字段时,下拉菜单正在关闭。我必须重新打开它,然后我才能输入,直到单击下一个字段。即使关闭下拉菜单,这些值也会保留。我怎样才能让它保持打开状态?

这是问题1和2的屏幕截图:

我的问题1和2的截图

这里也是现在的 TopBar 的 HTML。

rails需要隐藏的输入并自动生成。

我已经尝试复制 twitter 使用的登录表单的实现,但是当我尝试这样做时,TopBar 的高度约为 250px,并且下拉列表的内容是打开的,而不是可关闭的。

到目前为止,我没有自定义 CSS 或 JavaScript,除了引导文档建议的正文中 40px 的顶部填充。

有人可以帮我弄这个吗?

0 投票
1 回答
1984 浏览

css - IE 中的 Div (Twitter Bootstrap)

我得到了以下代码,我正在使用 twitter bootstrap。

它在chrome和IE中的显示方式不同,谁能告诉我为什么?您可以查看下面的图片,不知何故,文本框的 div 会下降到 IE 9 中的下一行。

比较