程序设计 twitter-bootstrap

12

我想在表单输入提交按钮上使用twitter bootstrap图标。 http://twitter.github.com/bootstrap/base-css.html#icons上的示例主要显示样式超链接。我最近来的是让该图标显示在按钮旁边，但不在里面。 <div class="input-prepend"> <span class="add-on"><i class="icon-user icon-white"></i></span> <input type="submit" class="btn-primary" value="Login" > </div>

227 twitter-bootstrap twitter-bootstrap-2

30

如何在点击时移除按钮周围的焦点

单击按钮后，所有按钮周围都有高亮显示。这是在Chrome中。 <button class="btn btn-primary btn-block"> <span class="icon-plus"></span> Add Page </button> 我正在使用带有主题的Bootstrap，但我敢肯定不是这样：我之前在另一个项目中注意到这一点。如果我使用<a>标记代替，它将消失<button>。为什么？如果我想使用<button>该如何使它消失？

225 html css twitter-bootstrap

25

单击更改Twitter Bootstrap工具提示内容

我在锚点元素上有一个工具提示，该提示在点击时发送AJAX请求。该元素具有工具提示（来自Twitter Bootstrap）。我希望在AJAX请求成功返回时更改工具提示内容。启动后如何操作工具提示？

224 jquery twitter-bootstrap tooltip

30

字体太棒了，图标显示为正方形

因此，我正在尝试制作营销页面的原型，并使用Bootstrap和新的Font Awesome文件。问题是，当我尝试使用图标时，页面上呈现的所有内容都是一个大方块。这是我将文件包含在头中的方式： <head> <title>Page Title</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/app.css">  </head> 这是我尝试使用图标的示例： <i class="icon-camera-retro"></i> 但是所有这些都呈现在一个大方块中。有人知道会发生什么吗？

224 css html twitter-bootstrap font-awesome

11

响应式引导导航栏中的中心内容

我无法将内容集中在引导导航栏中。我正在使用引导程序3。我已经阅读了许多文章，但是所使用的CSS或方法不适用于我的代码！我真的很沮丧，所以这就像我的最后选择。任何帮助，将不胜感激！ <!DOCTYPE html> <html> <head> <title>Navigation</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/style.css" rel="stylesheet" media="screen"> </head> <body> <div class="container"> <nav class="navbar navbar-default" role="navigation">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span> …

221 css twitter-bootstrap navbar

9

Twitter Bootstrap 3.0现在如何“徽章重要”

在第二版中，我可以使用徽章徽章重要我看到.badge元素不再具有上下文（-成功，-primary等）类。我如何在版本3中实现相同的目的？例如。我想在用户界面中使用警告标志和重要标志

218 twitter-bootstrap twitter-bootstrap-3

4

Twitter Bootstrap与jQuery UI？[关闭]

按照目前的情况，这个问题不适合我们的问答形式。我们希望答案会得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意测验或扩展讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 7年前关闭。我一直在使用jQuery UI进行一些基本的页面增强。按钮和输入样式以及模式对话框。现在，我遇到了Bootstrap，它看起来还不错。有没有从使用jQuery UI到Bootstrap的经验？这是我想做的事情，但是在我这样做之前，我想知道我可能会遇到什么问题。

214 javascript jquery jquery-ui twitter-bootstrap

30

重置select2值并显示占位符

如何设置由select2重置值的占位符。在我的示例中，如果单击了位置或成绩选择框，并且我的select2的值大于select2的值，则应重置并显示默认的占位符。该脚本正在重置值，但不会显示占位符 $("#locations, #grade ").change(function() { $('#e6').select2('data', { placeholder: "Studiengang wählen", id: null, text: '' }); }); $("#e6").select2({ placeholder: "Studiengang wählen", width: 'resolve', id: function(e) { return e.subject; }, minimumInputLength: 2, ajax: { url: "index.php?option=com_unis&task=search.locator&tmpl=component&<?php echo JSession::getFormToken() ?>=1", dataType: 'json', data: function(term, page) { return { q: term, // search term …

212 jquery twitter-bootstrap jquery-select2

7

更大的Glyphicons

如何在Twitter Bootstrap 3.0（而非2.3.x）中制作更大的Glyphicons。这段代码会使我的字形变大： <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> 如何仅使用span 而不使用btn-lg类来获得此大小？这会产生一个小的字形： <span class="glyphicon glyphicon-link"></span>

212 css twitter-bootstrap twitter-bootstrap-3 glyphicons

15

如何使用引导程序对齐图像死点

我正在使用bootstrap框架，并试图使图像水平居中，但是没有成功。我尝试了各种技术，例如将12个网格系统分成3个相等的块，例如 <div class="container"> <div class="row"> <div class="span4"></div> <div class="span4"><img src="logo.png" /></div> <div class="span4"></div> </div> </div> 使图像相对于页面居中的最简单方法是什么？

207 css twitter-bootstrap

9

如何使用引导程序呈现列表选择框（下拉列表）？

引导程序是否支持开箱即用的功能来呈现“常规”事实上的下拉列表选择框？也就是说，下拉框是值列表的位置，如果选中，则填充列表框的内容？类似于此功能？ http://bootstrapformhelpers.com/select/

206 twitter-bootstrap

18

在不使用LESS的情况下更改引导导航栏崩溃断点

当前，当浏览器宽度降至768px以下时，导航栏将变为折叠模式。我想将此宽度更改为1000px，所以当浏览器低于1000px时，导航栏将变为折叠模式。我想在不使用LESS的情况下执行此操作，而是在使用手写笔而不是LESS。我的问题与此问题相同：Bootstrap 3 Navbar折叠但是，这些问题中的所有答案都说明了如何通过更改LESS变量来做到这一点。我还没有处理过LESS，我正在使用手写笔，所以我想知道如何使用手写笔或其他方法来完成此操作。谢谢！

205 css twitter-bootstrap responsive-design navbar collapse

7

字体超赞，输入类型为“提交”

在font-awesome中，似乎没有输入类型'submit'的类。是否可以使用font-awesome中的某个类进行按钮输入？我已经在应用程序中向所有按钮（实际上与twitter-bootstrap中的'btn'类链接）添加了图标，但是无法在“输入类型提交”上添加图标。或者，如何使用此代码： input#image-button{ background: #ccc url('icon.png') no-repeat top left; padding-left: 16px; height: 16px; } 的HTML： <input type="submit" id="image-button">Text</input> （我从HTML中获取：如何制作带有文本+图片的提交按钮？）字体真棒？

205 twitter-bootstrap twitter-bootstrap-rails font-awesome

7

如何以编程方式触发Bootstrap模式？

如果我去这里 http://getbootstrap.com/2.3.2/javascript.html#modals 然后单击“启动演示模态”，即可完成预期的操作。我将模式用作注册过程的一部分，并且涉及服务器端验证。如果有问题，我想将用户重定向到显示我的验证消息的相同模式。目前，除了用户的物理点击之外，我无法确定如何显示模式。如何以编程方式启动模型？

204 javascript twitter-bootstrap

25

Twitter Bootstrap 3粘性页脚

我已经使用twitter bootstrap框架已有相当长的一段时间了，并且它们最近已更新到版本3！我在使粘性页脚停留在底部时遇到了麻烦，我使用了twitter bootstrap网站提供的启动程序模板，但还是没有运气，有什么想法吗？

204 html css twitter-bootstrap twitter-bootstrap-3

Questions tagged «twitter-bootstrap»