Tag: twitter bootstrap

添加一个简单的spacer到twitter bootstrap

我正在使用twitter-bootstrap，LESS和Rails。 我想添加一个简单的间隔空间到我的CSS出现在网格行之间，使事情更好一点。 我找不到任何对自己有帮助的bootstrap，所以我想我可以只添加一个带有margin-top的spacer div。 我在我的引导覆盖文件中存储了以下代码： .spacer { margin-top: 40px; } 但是所有的利润似乎都聚集在页面的顶部，而不是网格之间。 我相信它的一个位置属性即时失踪，请帮助。 我愿意接受任何其他更好的build议，或者如果t-bootstrap已经有了我已经错过的任何build议。 谢谢！

从angular度控制器closuresTwitter Bootstrap模态

我有一个模式窗口，我用来向用户展示一个表单。 他们input的信息，然后按下一个button，有一个ng点击。 服务器处理请求并发送回应。 当响应成功时，我想closures控制器的模态窗口。 这怎么能实现？ 模态是另一个页面中的一个部分 主页： <!– main content –> <p>Foo</p> <!– angular directive –> <foo-directive></foo-directive> 该指令的内容： <div ng-controller="FooCtrl"> <ul class="thumbnails"> <li class="span3 tile tile-white" ng-repeat="foo in model.foo"> <div> {{foo.bar}} </div> <div> ({{foo.bam}}) </div> <div> <a data-toggle="modal" href="#myModal"><img src="{{foo.imgPath}}"></a> </div> </li> </ul> <!– foo modal partial included by ejs –> <% include foo_modal.ejs %> […]

把search图标靠近文本框使用引导

我使用引导默认文本框采取全列的宽度，我想把search图标结束文本框。 我的代码是这样的： <div class="container"> <div class="row"> <div class="form-group col-lg-4"> <label class="control-label">Name</label> <input id="txtName" class="form-control input-sm" /> <span class="glyphicon glyphicon-search"></span> </div> <div class="col-lg-4"></div> <div class="col-lg-4"></div> </div> </div> 我不想使用input组。 请build议一个替代方式或替代HTML与CSS。

造型引导工具提示上的箭头

我试图风格tootltips使用 .tooltip-inner{} 但我有麻烦，因为我找不到如何样式工具提示小箭头。 如截图所示，工具提示的箭头是黑色的，我想添加新的颜色： 有什么build议？

Bootstrap 3格没有差距

我试图创build一个2列网格，字面上50％没有利润率或填充。 我如何用Bootstrap 3实现这一点我试过这个，但在平板电脑/台式机断点处最终出现负边限： HTML <div class="container"> <div class="row"> <div class="col-sm-6 offset-0">Col 1</div> <div class="col-sm-6 offset-0">Col 2</div> </div> </diV> CSS .container { background: green; overflow: hidden; } .row > * { background: blue; color: #fff; } .row :first-child { background: red; } .offset-0 { padding-left: 0; padding-right: 0; } DEMO – http://jsfiddle.net/pjBzY/

文本旁边的品牌

我如何将Bootstrap品牌和任何相关文字作为品牌一起对待？ 我试过这个： <nav class="navbar navbar-default"> <div class="navbar-header"> <div class="navbar-brand"> <a href="…" ><img class="img-responsive" src="/brand.png")?>"></a> <h3>Ultimate Trade Sizer</h3> </div> </div> </nav> 但是，我不能让他们alignment（即并排）。 它产生以下效果： 请注意，我正在使用Bootstrap 3。

带有Bootstrap的Google地图不响应

我正在使用引导程序，并embedded了Google Maps API 3。 #map_canvas不响应; 这是一个固定的宽度。 另外，如果我使用height: auto和width: auto地图不显示在页面中。 为什么？ <style type="text/css"> body { padding-top: 60px; padding-bottom: 40px; } #map_canvas { height: 400px; width: auto; } </style> <div class="container"> <div class="row"> <div class="span6"> <div id="map_canvas"></div> </div> </div> </div>

增加Bootstrap 2.3的Glyphicons的大小

有没有简单的方法来增加字形的大小？ 我发现了一些像Font Awesome这样的解决scheme，但不想仅仅增加新的CSS库来增加尺寸2的图标。

Bootstrap，Angular.js和Ember.js中使用的数据属性选项是否与Unobtrusive Javascript原则相冲突？

我总是被告知这是一个很好的做法（ala'unobtrusive javascript）从HTML标记中分离JavaScript。 然而，我已经看到了一些新的和stream行的框架，如Bootstrap，Angular.js和Ember.js的相反趋势。 有人可以告诉我为什么这不被认为是不好的做法？

Twitter的Bootstrap CSS支持RTL语言

我只是发现Twitter的Bootstrap ，我想知道是否有一个从右到左（RTL）的版本。 有人知道吗？