Tag: twitter bootstrap

用twitter-bootstrap里面的表单下拉菜单

我的TopBar中有一个Dropdown，使用Twitter Bootstrap CSS框架构build。 我有3个问题，我无法find任何解决scheme： 文本和密码input字段太大，我怎么调整它们？ 使下拉框变大也可以。 田地的标签太黑了，我怎么能把它们照亮一点？ 点击进入其中一个字段时，下拉菜单正在closures。 我必须重新打开它，然后我可以键入，直到在下一个字段中单击。 即使closures下拉菜单，也会保留这些值。 我怎样才能让它保持开放？ 以下是问题1和问题2的屏幕截图： 这里也是现在的TopBar的HTML。 <div class='topbar-wrapper'> <div class='topbar'> <div class='topbar-inner'> <div class='container'> <h3> <a href="/">Webworld</a> </h3> <ul class='nav'> <li>FILLER…</li> </ul> <ul class='nav secondary-nav'> <li class='dropdown' data-dropdown='dropdown'> <a href="#" class="dropdown-toggle">Login</a> <div class='dropdown-menu' id='signin-dropdown'> <form accept-charset="UTF-8" action="/sessions" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="4L/A2ZMYkhTD3IiNDMTuB/fhPRvyCNGEsaZocUUpw40=" /></div> <fieldset […]

如何dynamic设置引导dateselect器的date值？

我正在使用引导dateselect器和一行高图。 我想datepickerdate更新时图表放大。 一旦该事件触发我更新dateselect器的值。 值更新正常，但是当日历被点击时，popup日历上的date仍然是旧date。 这是我的dateselect器： <div class="input-append date pull-right" id="dpStartDate" data-date="@DateTime.Now.AddMonths(-1).ToString("dd/MM/yyyy")" data-date-format="dd/mm/yyyy"> <input class="span2" id="startDateText" size="16" type="text" value="@DateTime.Now.AddMonths(-1).ToString("dd/MM/yyyy")" readonly=""> <span class="add-on"><i class="icon-th"></i></span> </div> 我已经尝试使用此代码更新值： $('#dpStartDate').attr('data-date', startDate); $('#startDateText').attr('value', startDate); 哪些更新date好，但不设置日历。 我也试着触发onChange事件，它也更新date，但不是日历： $('#dpStartDate').trigger('changeDate', startDate); $('#dpStartDate').datepicker() .on('show', function (ev) { ev.stopPropagation(); }) .on('changeDate', function (ev, date) { var startDate = new Date(); if (date != undefined) { startDate […]

将ValidationSummary MVC3显示为“alert-error”Bootstrap

我想用“alert-error”Bootstrap样式显示一个ValidationSummary mcv3。 我正在使用Razor视图，并使用此代码显示模型错误： @Html.ValidationSummary(true, "Errors: ") 它生成这样的HTML代码： <div class="validation-summary-errors"> <span>Errors:</span> <ul> <li>Error 1</li> <li>Error 2</li> <li>Error 3</li> </ul> </div> 我也试过这个： @Html.ValidationSummary(true, "Errors:", new { @class = "alert alert-error" }) 它工作正常，但没有closuresbutton（X） 它生成这样的HTML代码： <div class="validation-summary-errors alert alert-error"> <span>Errors:</span> <ul> <li>Error 1</li> <li>Error 2</li> <li>Error 3</li> </ul> </div> 但引导警报应该有这个button到div： <button type="button" class="close" data-dismiss="alert">×</button> 谁能帮忙？ 这工作！ – 谢谢里克乙 @if […]

自动完成问题到引导模式

我有一个模式对话框引导内的jQuery自动完成显示问题。 当我滚动鼠标时，结果不会保持连接到input。 有没有办法解决这个问题？ 这里JsFiddle ： .ui-autocomplete-input { border: none; font-size: 14px; width: 300px; height: 24px; margin-bottom: 5px; padding-top: 2px; border: 1px solid #DDD !important; padding-top: 0px !important; z-index: 1511; position: relative; } 编辑我发现这个问题： .ui-autocomplete { position: fixed; ….. } 如果模式有滚动问题仍然存在！ 这里JsFiddle / 1 。

Twitter Bootstrap：进度条上的中心文本

我一直在使用Twitter的引导程序，并且我希望进度条上的文本以on栏为中心，而不pipe值是多less。 下面的链接是我现在拥有的。 我希望所有文本都与最底部的栏alignment。 截图： 我已经尽力用纯粹的CSS，我试图避免使用JS如果可能，但我愿意接受它，如果这是最干净的方式来做到这一点。 <div class="progress"> <div class="bar" style="width: 86%">517/600</div> </div>

如何更新引导popup文本？

我正在使用bootstrap-popover在元素旁边显示消息。 如果我想在第一次popup后显示不同的文本，文本不会改变。 重新实例化新文本的popup窗口不会被覆盖。 看到这个js小提琴现场的例子： http://jsfiddle.net/RFzvp/1/ （第一次点击后，警报中的消息和dom中的消息是不一致的）有关如何解除绑定的文档有点轻松： http : //twitter.github.com/bootstrap/javascript.html#popovers 我使用这个错误？ 任何build议如何解决？ 谢谢

如何减lessBootstrap 3中的导航栏高度？

我想让BS3的导航栏的高度为20px。 我该怎么做呢？ 我已经尝试了以下内容： .tnav .navbar .container { height: 28px; } 什么也没做。 .navbar-fixed-top { height: 25px; /* Whatever you want. */ } 似乎能够增加酒吧的大小，但不能减less。 在保持容器的位置的同时，做这件事的好方法是什么

更多的CSS工具包，如Twitter的Bootstrap？

我正在寻找一个可以findCSS工具包和资源的地方，可以像stream行的Twitter Bootstrap一样使用。 有小费吗？

Bootstrap 3 – inputxs（小于sm）

我浪费了很多时间寻找一种方法来使我自己的xs大小（小于小）的input和input组， 所以这里的代码！ 2014/11/14更新 Peter Butkovic将bug /请求上传到bootstrap github： https://github.com/twbs/bootstrap/issues/15107 以下是他们的回应： 我们不会将它添加到v3中，而且我认为即使在v4中我们也不会有xsbutton，但是如果我们select保留它，我会牢记在心。

引导程序中两列之间的垂直分隔符

我使用twitter bootstrap，并有一个有两列（span6）的行。 如何创build两个跨度之间的垂直分隔线。 谢谢，Murtaza