Tag: twitter bootstrap

Twitter的Bootstrap响应背景图像内Div: 如何修改#bg图片，以便在所有浏览器中都能够响应，resize和成比例？ HTML： <div class="container"> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8 col-sm-6 col-xs-12 well" id="bg"> </div> <div class="col-md-2"></div> </div> </div> CSS： @import url('bootstrap.min.css'); body{ background: url('../img/bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-top: 12%; } #bg{ background:url('../img/con_bg4.png') no-repeat center center; height: 500px; }

Bootstrap：'TypeError undefined不是函数'/'在使用引导标签时没有方法'tab'': 目前我正在构build一个小站点，并且想要使用Initialzr中的一些Bootstrap部件，特别是标签。我目前已经尝试使用Bootstrap项目（http://twitter.github.com/bootstrap/javascript.html#tabs）提供的示例代码和一些调整，但在加载时得到“未定义不是函数”。 JS文件是按照正确的顺序（jQuery，libs / bootstrap / *，我的script.js文件/ html中混合的脚本）预先加载的，标准的jQuery命令（隐藏等）都工作正常，所以它似乎不是与noConflict（）选项有关。我还需要检查什么？

如何使用Bootstrap边界: 我怎么解决这个问题？当您将边框添加到div时，div不居中， span12类不居中。我想以边界为中心 <div class="row" > <div class="span12" style="border: 2px solid black"> <div class="row"> <div class="span4"> 1 </div> <div class="span4"> 2 </div> <div class="span4"> 3 </div> </div> </div> </div>

在引导表中垂直alignment: 我试图显示一个4列的表格，其中之一是一个图像。下面是快照： – 我想垂直alignment文本的中心位置，但不知何故，CSS似乎并没有工作。我使用了引导响应表。我想知道为什么我的代码不起作用，什么是使其工作的正确方法。以下是该表的代码 CSS img { height: 150px; width: 200px; } th, td { text-align: center; vertical-align: middle; } HTML <table id="news" class="table table-striped table-responsive"> <thead> <tr> <th>Name</th> <th>Email</th> <th>Phone</th> <th>Photo</th> </tr> </thead> <tbody> <?php $i=0; foreach ($result as $row) { ?> <tr> <td> <?php echo 'Lorem Ispum'; ?> </td> <td> […]

引导下拉式气泡alignment（不是右键）: 我有我的顶部菜单中的购物车，使用push-right ，我的问题是，下拉的泡沫掉出页面。我正在尝试将这个泡泡alignment，以便与“点击”alignment 喜欢这个 HTML： <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> </div>

Twitter引导模态input字段焦点: 我从例子中有下面的模式forms： <!– Button to trigger modal –> <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> <!– Modal –> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Modal header</h3> </div> <div class="modal-body"> Enter something: <input type="text" id="myInput"> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> <button class="btn btn-primary">Save changes</button> […]

默认情况下隐藏div，并通过引导进行点击显示: 我想显示并隐藏一个div ，但我希望它被默认隐藏，并能够显示和隐藏点击。这是我所做的代码： <a class="button" onclick="$('#target').toggle();"> <i class="fa fa-level-down"></i> </a> <div id="target"> Hello world… </div>

Bootstrap 3 – 列内的自定义div的高度 – 100％: 假设我有两列连续。一个包含使用class="img-responsive"的stream体图像的图像，另一个栏旁边有一个自定义的div块。我的问题是如何获得这个自定义div的高度100％。下面没有为我工作。 height: auto; max-width: 100%; 如果我将高度设置为固定值，则当视口大小更改时，图像调整高度时，将无法与包含图像的列一起正常播放。根据前面的问题，我可以通过执行类似于以下的操作来获得列高度相等的结果。 class*="col-"]{ margin-bottom: -99999px; padding-bottom: 99999px; } .row { overflow: hidden; } 但是我的情况略有不同，我需要使用自定义div内的列设置与图像高度相等的高度，而不是父div（列）。这是JS小提琴

本地安装时的无关包装: 我正在尝试安装phantomjs ，以便make test Twitter Bootstrap 。在我本地安装了它之后，即npm install phantomjs ，它报告这个软件包是无关的。 ├─┬ phantomjs@1.9.0-3 extraneous │ ├── adm-zip@0.2.1 … npm ERR! extraneous: phantomjs@1.9.0-3 /Users/admin/bootstrap/node_modules/phantomjs npm ERR! not ok code 0 然而，当phantomjs全球安装，即npm install phantomjs -g ，它工作正常，即没有多余的错误报告。问题：是否因为package.json文件中没有指定 phantomjs ？一般问题：我们是否可以在全球范围内安装任何软件包，例如phantomjs ？

如何使固定高度的Bootstrap面板体: 我使用引导的panel来显示文本和图像，但随着文本的增长，面板的主体也增加。我想知道如何创build具有固定高度的身体，例如10行或者最多10行。这是我的代码： <div class="span4"> <div class="panel panel-primary"> <div class="panel-heading">jhdsahfjhdfhs</div> <div class="panel-body">fdoinfds sdofjohisdfj</div> </div> </div>