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)的版本。 有人知道吗?