Tag: twitter bootstrap 3

Bootstrap 3和Youtube在Modal中: 我正在尝试使用Bootstrap 3中的Modalfunction来显示我的Youtubevideo。它的工作原理，但我不能点击Youtubevideo中的任何button。任何帮助吗？这是我的代码： <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <iframe width="400" height="300" frameborder="0" allowfullscreen=""></iframe> </div> </div> </div> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/jquery-1.10.1.min.js"><\/script>')</script> <script src="js/bootstrap.min.js"></script> <script> $('#link').click(function () { var src = 'http://www.youtube.com/v/FSi2fJALDyQ&autoplay=1'; […]

添加星号到bootstrap 3中的必填字段？: 我的HTML有被称为required类被分配到必填字段。这里是html： <form action="/accounts/register/" method="post" role="form" class="form-horizontal"> <input type='hidden' name='csrfmiddlewaretoken' value='brGfMU16YyyG2QEcpLqhb3Zh8AvkYkJt' /> <div class="form-group required"> <label class="col-md-2 control-label">Username</label> <div class="col-md-4"> <input class="form-control" id="id_username" maxlength="30" name="username" placeholder="Username" required="required" title="" type="text" /> </div> </div> <div class="form-group required"><label class="col-md-2 control-label">E-mail</label><div class="col-md-4"><input class="form-control" id="id_email" name="email" placeholder="E-mail" required="required" title="" type="email" /></div></div> <div class="form-group required"><label class="col-md-2 control-label">Password</label><div class="col-md-4"><input class="form-control" id="id_password1" name="password1" […]

selectbootstrap vs材料devise: 我将使用AngularJS（完整堆栈）开始新项目。我的项目需要响应，我将从头开始创build模板。所以我需要一个关于是否select引导程序3（有angular度指令）或布局材料devise的build议？如果有人能列出两者的优点和缺点，我将不胜感激。

如何在Bootstrap 3中将带有图标的search框添加到导航栏中？: 我正在使用新的Twitter Bootstrap 3，并试图在顶部的导航栏中放置一个如下所示的search框：在Bootstrap 2中，它可能是这样做的： <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> 但我不确定如何在Bootstrap 3中生成如此多的变化。引导程序3中的导航栏search框表单的默认HTML格式为： <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"> </div> <button type="submit" class="btn btn-default">Submit</button> </form> 我如何修改它来实现我所需要的？

点击标题div时如何使Bootstrap手风琴折叠？: 在Bootstrap手风琴中，我不想点击文本，而是点击panel-heading div中的任意位置。我正在使用Bootstrap 3.所以，而不是手风琴，它只是一个可折叠的面板。任何想法如何做整个面板点击？

如何在Angular 2项目中使用Bootstrap css Library？: 我开始我的第一个Angular2应用程序，我的基本设置完成。我如何添加引导CSS库到我的Angular2项目？如果你可以提供一个例子，那么这将是一个很大的帮助。

引导3与jQueryvalidation插件: 我试图添加validation到我的forms与jQueryvalidation插件，但我有一个问题，当我使用input组插入错误消息。 $('form').validate({ rules: { firstname: { minlength: 3, maxlength: 15, required: true }, lastname: { minlength: 3, maxlength: 15, required: true } }, highlight: function(element) { $(element).closest('.form-group').addClass('has-error'); }, unhighlight: function(element) { $(element).closest('.form-group').removeClass('has-error'); } }); 我的代码： http : //jsfiddle.net/hTPY7/4/

避免点击里面的下拉菜单closures: 我有一个Twitter的Bootstrap下拉菜单。正如所有Twitter Bootstrap用户所知道的，下拉菜单在点击时closures（甚至在其内部点击）。为了避免这种情况，我可以轻松地在下拉菜单上附加一个点击事件处理程序，并简单地添加着名的event.stopPropagation() 。 <ul class="nav navbar-nav"> <li class="dropdown mega-dropdown"> <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-list-alt"></i> Menu item 1 <span class="fa fa-chevron-down pull-right"></span> </a> <ul class="dropdown-menu mega-dropdown-menu"> <li> <div id="carousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-slide-to="0" data-target="#carousel"></li> <li class="active" data-slide-to="1" data-target="#carousel"></li> </ol> <div class="carousel-inner"> <div class="item"> <img alt="" class="img-rounded" src="img1.jpg"> </div> <div […]

如何在bootstrap 3中使用bootstrap-theme.css？: 从http://getbootstrap.com下载完整的bootstrap 3后，我注意到有一个单独的css文件的主题。如何使用它？请解释？我在我现有的引导项目中包含了bootstrap-theme.css ，但输出没有差别。