Tag: twitter bootstrap 3

如何在bootstrap中自定义input字段宽度3

在删除了input-xlarge和input-large等关键特性之后,bootstrap 3中的替代项是什么? 当然,我可以使用col-lg-12等,但这是在选项卡窗格中出现错误。 我也可以使用style = "width:30px; ”但它会松散的响应不像input-xlarge 。任何build议等?

Bootstrap 3input附加升级

我升级到Bootstrap 3,但我不知道如何升级我的旧的input附加。 我有这样的事情: <div class="input-append"> <select> <option>hi</option> <option>hi2</option> </select> <span class="input-group-addon"></span> <input type="submit" class="btn" value="valami"> </div> 预览: http : //bootply.com/75910 在Bootstrap 3中,这是我能得到的最接近的 <div class="input-group"> <select class="form-control"> <option>hi</option> <option>hi2</option> </select> <span class="input-group-addon"></span> <input type="submit" class="form-control btn btn-default" value="valami"> </div> 预览: http : //bootply.com/75912 如果我删除这个跨度,它会变得完美,但它们是不同的。 任何想法如何正确地做到这一点?

从jQuery成功的AJAX调用中检索glyphicons-halflings-regular.woff2时出错

我收到一条错误消息,说jQuery找不到glyphicons-halflings-regular.woff2的path。 当成功的AJAX请求的function运行时出现错误。 在这个函数中,我插入了一个使用Twitter Bootstrap中的graphics的超链接。 看着这条路,我相信这是正确的道路,所以我不知道为什么它给了我错误。 我怎样才能解决这个错误?

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保留它,我会牢记在心。

Bootstrap表行hover

如何在Bootstrap 3进行hover时表格行的背景更改。 我现在使用的表类是table table-striped 。 我试图添加一个额外的类到表中的<tr>标签,并做了这样的CSS。表.table-row:hover{background:black;} 。 现在只有非条纹行正在工作。 在bootstrap中是不是有一个类可以让我轻松实现呢? 或者我应该使用JQuery来解决这个问题? 我真的不能自己找出这一个。

使列在固定位置固定

使用Bootstrap,我有一个网格列class =“col-lg-3”,我想把它放在位置:固定,而其他.col-lg-9是正常的位置(可通过页面滚动)。 <div class="row"> <div class="col-lg-3"> Fixed content </div> <div class="col-lg-9"> Normal scrollable content </div> </div> 就像在LifeHacker.com左栏一样你会看到,左侧的部分是固定的,但我滚动页面。 我使用bootstrap v3.1.1

如何在bootstrap中获得响应式button3

我使用引导3,我有以下的HTML: <div class="col-sm-2" > <a id="new-board-btn" class="btn btn-success" >Create New Board</a> </div> 在一个小屏幕上,文字“创build新的电路板”太长,不适合button。 我希望文本换行到另一行,并增加button的高度以适应文本。 有关如何做到这一点的任何提示?

在引导程序3中alignmentdiv

在Bootstrap 3中有一种方法来alignment一个div吗? 我知道抵消的可能性,但我想调整一个格式化的div在其容器的权利,而它应该居中在一个全宽的移动视图。 class级“拉右”不再工作了。 他们忘了取代它还是我错过了明显的东西? <div class="row"> <div class="container"> <div class="col-md-4"> left content </div> <div class="col-md-4 col-md-offset-4"> <!– The next div has a background color and its own paddings and should be aligned right–> <!– It is now in the right column but aligned left in that column –> <div class="yellow_background">right content</div> </div> </div> </div> […]

引导3:垂直中心导航链接时,标志增加导航栏的高度

我是bootstrap框架的新手,但即使阅读了所有文档和所有现有的StackOverflow问题,我仍然有点卡住了。 NavBar标志增加的高度: 在我的导航栏中,我插入了一个高度为50px的徽标。 这显然使得navbar更高。 我没有为此调整任何CSS,它只是强制增加高度的标志。 问题: 导航栏中的链接与现在较高的导航栏的顶部alignment。 目标: 我希望链接垂直居中在导航栏中,因为这样看起来会好很多。 我的假设是玩线高度值或填充。 但是,这引起了移动浏览器仍然生效的问题(当它切换到切换菜单),所以我的扩展菜单结果太高,看起来很愚蠢。 任何有识之士都非常感激? 我的CSS是使用最新版本3.0.2下载的默认引导程序CSS。 这是我的HTML: <!– Begin NavBar –> <div class="navbar navbar-inverse navbar-static-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".menu2"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <span class="navbar-brand" href="#"><img src="img/logo.png" width="210" height="50" alt="My Logo"></span> </div> <div class="navbar-collapse collapse menu2"> […]

无法使用Bootstrap 3更改占位符颜色

两个问题: 我正在试图使占位符文本为白色。 但它不起作用。 我正在使用Bootstrap 3. JSFiddle demo 另一个问题是如何更改占位符颜色不全球。 也就是说,我有多个字段,我只想要一个字段有白色的占位符,其他字段都保持默认的颜色。 提前致谢。 HTML: <form id="search-form" class="navbar-form navbar-left" role="search"> <div class=""> <div class="right-inner-addon"> <i class="icon-search search-submit"></i> <input type="search" class="form-control" placeholder="search" /> </div> </div> </form> CSS: .right-inner-addon { position: relative; } .right-inner-addon input { padding-right: 30px; background-color:#303030; font-size: 13px; color:white; } .right-inner-addon i { position: absolute; right: 0px; padding: […]