Questions tagged «twitter-bootstrap»

我正在使用Joomla！3.0，其中包括Twitter Bootstrap 2.1.0。我想做我自己的Joomla！模板，则需要使用下拉菜单。当我包含以下CSS / JS时： <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/js/bootstrap.min.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css"></script> <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/Site.css" rel="stylesheet" type="text/css"> <link rel="shotcut icon" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/images/favicon.ico" type="image/x-icon"> 我收到以下CSS错误： Uncaught SyntaxError: Unexpected token { 在/media/jui/css/bootstrap.css第19行

69 css  joomla  twitter-bootstrap 

我正在使用引导程序，发现文本字段的高度太小，小于10像素，我想知道它是否太小或我犯了一些错误。 我用萤火虫检查了文本区域。它说高度是18px，这对我来说似乎是不可能的...我得到的和从这里得到的是一样的。引导程序示例中的文本区域。这让我很困惑...我得到的是 input, textarea, select, .uneditable-input { border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; color: #555555; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin-bottom: 9px; padding: 4px; } 高度说是18像素，但不是...有人可以帮忙吗？

69 css  twitter-bootstrap 

我想显示和隐藏div，但我希望它默认情况下是隐藏的，并且能够在单击时显示和隐藏。这是我编写的代码： <a class="button" onclick="$('#target').toggle();"> <i class="fa fa-level-down"></i> </a> <div id="target"> Hello world... </div>

68 javascript  jquery  html  css  twitter-bootstrap 

默认的Bootstrap网格系统使用12列，每个跨度具有30px以下装订线。装订线是列之间的空白。装订线宽度似乎介于20px-之间30px。让我们假设它在30px这里。 我想删除特定的装订线空间div，以便该行中没有装订线空间。每个跨度将彼此相邻，且不存在排水沟。 问题是，如果我删除了30px留在行尾的边距（装订线）360px（12 * 30px）。 鉴于我只想删除特定的装订线空间div。假设它是用于div中的main_content div。 div#main_content div{ /* no gutter for the divs in main_content */ } 如何在div不失去Bootstrap响应能力且在行尾不留空间的情况下，为特定的对象删除装订线？

68 css  twitter-bootstrap  bootstrap-4 

我正在尝试更改每个选项卡的活动颜色（单击后仍为twitter的浅蓝色）： <ul class="nav nav-pills"> <li class="active"><a href="#tab1" data-toggle="tab">Overview</a></li> <li><a href="#tab2" data-toggle="tab">Sample</a></li> <li><a href="#tab3" data-toggle="tab">Sample</a></li> </ul> （如何）可以在CSS中执行此操作？

68 twitter-bootstrap  nav  nav-pills 

我一直在使用Twitter Bootstrap Modal窗口作为局部视图。但是，我并不真正认为它是按这种方式使用的。似乎应该以相当静态的方式使用它。不过，我认为能够将其用作局部视图会很不错。 例如，假设我有一个游戏列表。在单击给定游戏的链接后，我想从服务器请求数据，然后在当前页面“上方”的模式窗口中显示有关该游戏的信息。 我做了一些研究，发现这篇文章相似但不完全相同。 有没有人尝试过成功或失败？有人在jsFiddle上有东西或他们愿意分享的东西吗？ 谢谢你的帮助。

68 javascript  asp.net-mvc  twitter-bootstrap  modal-dialog 

我正在使用此模板进行项目。 该模板是使用AngularJs和Bootstrap-UI（Angular的Bootstrap）编写的，我想包括一些材料设计元素，例如卡片和其他元素。 有可能这样做吗？推荐吗？我的事情是，我们已经喜欢这个模板及其许多元素了，但是Material Design拥有卡片，下拉菜单，带有标签动画的文本输入等，这些都是很棒的。 所以我的问题是： AngularJS + Angular的Bootstrap + Angular的材质设计=令人敬畏还是灾难？

68 angularjs  twitter-bootstrap  angular-ui-bootstrap  angular-material 

我们已经设置了twitter bootstrap下拉列表以在悬停上工作（而不是单击[是的，我们知道触摸设备上没有悬停]）。但是，我们希望能够在单击主链接时使其工作。 默认情况下，twitter引导程序会阻止它，那么如何重新启用它呢？

68 drop-down-menu  hyperlink  twitter-bootstrap 

在移动模式下堆叠列时，我想要一些垂直空间来分隔列内容，我该怎么办？ 请参阅http://jsfiddle.net/tofutim/3sWEN/中的jsfiddle，并更改输出的宽度。第二个lorem ipsum之前应该有一些间距。 <div class="container"> <div class="well well-lg" style="margin:10px"> <div class="row"> <div class="col-sm-6"> <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."</p> <form> <input type="textbox" class="form-control" placeholder="Username"></input> <input type="password" class="form-control" placeholder="Password"></input> </form> </div> <div class="col-sm-6"> <p>"Lorem ipsum dolor sit amet, …

68 twitter-bootstrap  twitter-bootstrap-3 

这是示例链接：http : //bootply.com/76369 这是我使用的html。 <div class="row"> <div class="col-md-6">.col-md-6</div> <div class="col-md-6">.col-md-6</div> </div> 引导程序3没有容器流体和行流体。 我不能用.container类包装它，因为它将变成固定的布局。 如何使其流畅（全页面宽度）布局？（不带水平滚动条） 这些标记。当您在结果中查看时，x滚动条可见，因此您可以向左和向右滚动，而不应该滚动。 编辑日期：2015-12-09 自3.1.0版以来，已有答案且Bootstrap已发布此修复程序

68 html  twitter-bootstrap  twitter-bootstrap-3 

我创建了一个carouselwith Bootstrap 3.3，它可以在我的本地计算机上运行，​​但是当我将整个内容上传到正在将bootstrap js文件与其他文件一起编译到一个文件中的服务器上时，出现此错误： Cannot read property 'offsetWidth' of undefined -有人面对过这个问题吗？

68 javascript  jquery  twitter-bootstrap 

我正在使用Bootstrap 3，并向div中添加了一个工具提示。我尝试使用<br> \ n和＆＃013; 创建新行。Bootstrap阻止我会出现问题吗？ <div class="content show-tooltip" data-placement="top" data-original-title="1st line of text <br> 2nd line of text">

68 jquery  twitter-bootstrap  twitter-bootstrap-3 

在我正在工作的网站（http://furnitureroadshow.com/）上，我有一个Twitter Bootstrap Carousel插件的非常基本的实现。我只是想知道是否有人扩展了Carousel插件，以便它在幻灯片过渡时渐入渐出？ 我在github.com（https://github.com/twitter/bootstrap/issues/2050）上发现了此问题＃2050，这似乎暗示着这是不可能的。只是想看看它是否可能或已经完成。

68 jquery  twitter-bootstrap  carousel 

我正在学习来自PHP的python和Django。这真的很令人兴奋，我很想将Bootstrap与Django一起使用来创建性感的网页。 据我了解（我正在他们网站上关注Django教程），Django使用了可以包含在settings.py文件中的“应用” 。我进行了快速搜索，找到了几个以启动程序为主题的应用程序，但对如何选择合适的应用程序一无所知。大多数人都使用标准的应用程序吗？我需要的是bootstrap.css和bootstrap.js文件。 我确定我可以手动将它们放置在我的根目录中，但是我会喜欢Django安装中的“全包”设置。

68 python  django  twitter-bootstrap 

我最近遇到了引导程序，并且正在研究扩展英雄示例。我想在页面上添加以下行为： 当单击按钮（即带有选择器'.row .btn'的元素）时，我希望能够在扩展/折叠按钮上方的文本部分之间进行切换。 HTML如下所示： <html> <head> <title>Test Page</title> <!-- Le styles --> <link href="../assets/css/bootstrap.css" rel="stylesheet"> <style type="text/css"> body { padding-top: 60px; padding-bottom: 40px; } </style> <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet"> </head> <body> <div class="navbar navbar-fixed-top"> </div> <div class="container"> <div class="hero-unit"> <h1>Hello, world!</h1> <p>Blah, blah.</p> <p><a class="btn btn-primary btn-large">Learn more »</a></p> </div> <!-- …

67 javascript  jquery  css  twitter-bootstrap