Tag: twitter bootstrap

居中引导input字段: 我是新来的。特别是与自举。我有这个代码： <div class="row"> <div class="col-lg-3"> <div class="input-group"> <input type="text" class="form-control"> <span class="input-group-btn"> <button class="btn btn-default" type="button">Go!</button> </span> </div><!– /input-group –> </div><!– /.col-lg-6 –> </div><!– /.row –> 我需要把这个input字段和button放在页面的中心…“margin-left：auto; margin-right：auto;” 没有工作…有人有一个想法？

使用引导程序崩溃与angularjs: 我正在尝试在我的angular度应用程序中包含下面的bootstrap可折叠面板。然而，当我点击“展开”，angular似乎看到href="#collapseOne" ，然后redirect到主页而不是折叠面板。我的路由看起来像这样，我认为otherwise({redirectTo: '/home'}); 正在造成这个问题。有什么build议么？ angular.module('App') .config(['$routeProvider', function($routeProvider) { $routeProvider. when('/users', {templateUrl: 'partials/users/user-list.html', controller: 'UserCtrl'}). when('/users/new', {templateUrl: 'partials/users/user-new.html', controller: 'UserNewCtrl'}). when('/users/:userid', {templateUrl: 'partials/users/user-detail.html', controller: 'UserDetailCtrl'}). otherwise({redirectTo: '/home'}); }]); 面板 – <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> Expand </a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse in"> […]

如何用JavaScript手动重新加载Google Map: 我在Bootstrap模板中使用这段代码。在“引导标签”内容窗格中加载图像时遇到问题。这是我用来初始化Map的JavaScript代码： var latlng = new google.maps.LatLng(50, 50); var myOptions = { zoom: _zoom, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU } }; var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions); var marker = new google.maps.Marker({ position: latlng, map: map, title: 'Google Office!' }); 我还没有在互联网上find任何方法来手动重新加载Google Map实例。这是可能的和如何？谢谢！

Ruby on Rails错误“无法加载这样的文件 – less”: 我对ruby on rails相当陌生，我一直试图使用twitter-bootstrap作为资源，所以我已经将它包含在我的Gemfile中，捆绑并成功安装。但是我注意到它依赖于某些依赖项，当我执行“bundle”命令时不会显示。它需要的依赖性 (1) Libv8 (2) Less (3) Less-rails 错误信息： cannot load such file — less (in c:/Sites/todo/app/assets/stylesheets/bootstrap_and_overrides.css.less) [code] Extracted source (around line #8): 5: <!–[if lt IE 9]> 6: <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> 7: <![endif]–> 8: <%= stylesheet_link_tag "application", :media => "all" %> 9: <%= javascript_include_tag "application" %> 10: <%= csrf_meta_tags %> 11: […]

如何删除默认的Bootstrap 3传送带控制背景渐变？: 我敢肯定，这是我需要修改的代码，但由于某种原因，我不能让梯度消失在IE浏览器。我希望他们完全消失！ .carousel-control { text-shadow: none; opacity: 1; filter: alpha(opacity=100) } .carousel-control.left { background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.5) 0), color-stop(rgba(0,0,0,0.0001) 100%)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%); background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) } .carousel-control.right { background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.0001)), […]

如何在bootstrap中居中表单3: 我怎样才能中心我的login表单？我正在使用引导列，但它不工作。这是我的代码： <div class="container"> <div class="row"> <div class="col-md-4 col-md-offset-6"> <h2>Log in</h2> <div> <table> <tr> <td>1</td> <td>1</td> </tr> <tr> <td>2</td> <td>2</td> </tr> <tr> <td>3</td> <td>3</td> </tr> </table> </div> </div> </div> </div>

bootstrap.css：.container：显示表之前: 在bootstrap.css中你可以从Github或http://twitter.github.com/bootstrap/# 为什么使用： .container:before, .container:after { display: table; content: ""; zoom: 1; } .row:before, .row:after { display: table; content: ""; zoom: 1; } 为什么在.container中定义显示：表格：before / after和.row：before / after？

为什么bootstrap .row有一个默认的-30px左边距？: 当我做助推器，我不得不使用类“行”… 当你看我的testingdevise：为什么我被强制留下了-30px的余裕？有了这个HTML，我预计3行共享每列可用宽度的33％： <div class="container"> <div class="row"> <div style="background-color: pink;" class="span4"> This is a label </div> <div style="background-color: violet;" class="span4"> This is a textbox </div> <div style="background-color: slateblue;" class="span4"> This is a button </div> </div> <div class="row"> <div style="background-color: orange;" class="span4"> This is a label </div> <div style="background-color: orangered;" class="span4"> This is a textbox […]

bootstrap popover：高级定位: 我试图find位于960像素宽的网页最右上angular的触发器的twitter-bootstrappopup窗口。理想情况下，我将它放在底部，并用CSS移动箭头（所以箭头位于popup窗口的右上angular）。不幸的是，'放置'：'底部'的定位是不够的，因为它会将其置于触发器下方。我正在寻找解决scheme，将静态放置在触发器的左侧和下方。我读了很多的问题，但找不到任何。提示？