Questions tagged «twitter-bootstrap»

我正在开发一个网页，其中使用Twitter的Bootstrap Framework及其Bootstrap Tabs JS。除了一些小问题外，它的工作效果非常好，其中一个小问题是我不知道如何直接从外部链接转到特定选项卡。例如： <a href="facility.php#home">Home</a> <a href="facility.php#notes">Notes</a> 单击外部页面上的链接时，应分别转到“主页”选项卡和“注释”选项卡

358 javascript  html  tabs  twitter-bootstrap 

如何从Font Awesome的图标中设置图标的颜色，大小和阴影？ 例如，Font Awesome的网站将以白色显示一些图标，以红色显示一些图标，但不会显示CSS如何以这种方式设置样式...

358 css  twitter-bootstrap  icons  styles  font-awesome-4 

我在网站上使用引导程序，并且导航栏固定顶部出现问题。当我只使用常规导航栏时，一切都很好。但是，当我尝试将其切换到导航栏固定顶部时，该网站上的所有其他内容都会向上移动，就像导航栏不存在并且导航栏与之重叠一样。我基本上是这样布置的： .navbar.navbar-fixed-top .navbar-inner .container .container .row //yield content 我试图完全复制引导程序示例，但仅在使用navbar fixed top时仍然存在此问题。我究竟做错了什么？

347 html  twitter-bootstrap 

问题： 删除Bootstrap 3中col-md- *左右的填充/边距。 HTML代码： <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div class="widget"> <div class="widget-header"> <h3>Results</h3> </div> <div class="widget-content"> <div id="map_canvas" style="height: 362px;"></div> </div> </div> </div> </div> …

342 css  twitter-bootstrap  html 

如何将字形图标添加到文本类型输入框？例如，我想在用户名输入中包含“ icon-user”，如下所示：

340 css  twitter-bootstrap  glyphicons 

如何将导航栏项目右对齐？ 我要登录并在右边注册。但是我尝试的所有方法似乎都无法正常工作。 到目前为止，这是我尝试过的： <div>周围<ul>带有属性：style="float: right" <div>周围<ul>带有属性：style="text-align: right" 在<li>标签上尝试了这两件事 再次尝试了所有这些事情，并!important添加到最后 改变nav-item以nav-right在<li> 添加了一个pull-sm-right类的<li> 添加了一个align-content-end类的<li> 这是我的代码： <div id="app" class="container"> <nav class="navbar navbar-toggleable-md navbar-light bg-faded"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="#">Navbar</a> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> …

340 css  twitter-bootstrap  flexbox  bootstrap-4  navbar 

当我在引导模式下使用select2（输入）时，无法在其中输入任何内容。就像残疾吗？在模态外部select2可以正常工作。 工作示例：http : //jsfiddle.net/byJy8/1/ 代码： <!-- Modal --> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Panel</h3> </div> <div class="modal-body" style="max-height: 800px"> <form class="form-horizontal"> <!-- Text input--> <div class="control-group"> <label class="control-label" for="vdn_number">Numer</label> <div class="controls"> <!-- seleect2 --> <input name="vdn_number" type="hidden" id="vdn_number" …

337 jquery  twitter-bootstrap  jquery-select2 

我正在寻找一种将containerdiv 垂直居中放置jumbotron在页面中间的方法。 在.jumbotron必须适应于屏幕的整个高度和宽度。的.containerdiv有一个宽度1025px和应在该页面（垂直中心）的中间。 我希望此页面的大屏幕适应屏幕的高度和宽度，并且容器垂直于大屏幕垂直居中。我该如何实现？ .jumbotron { height:100%; width:100%; } .container { width:1025px; } .jumbotron .container { max-width: 100%; } <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/> <div class="jumbotron"> <div class="container text-center"> <h1>The easiest and powerful way</h1> <div class="row"> <div class="col-md-7"> <div class="top-bg"></div> </div> <div class="col-md-5 iPhone-features" style="margin-left:-25px;"> <ul class="top-features"> <li> <span><i class="fa fa-random simple_bg …

333 html  css  twitter-bootstrap  twitter-bootstrap-3  vertical-alignment 

Bootstrap 3仍在RC中，但是我只是在尝试实现它。我不知道如何放置一个子菜单类。甚至CSS中没有类，甚至新文档也没有说什么 它在2.x中存在，类名称为dropdown-submenu

324 css  twitter-bootstrap  twitter-bootstrap-3  submenu 

我正在尝试使用Bootstrap 4将Container放在页面的中央。到目前为止，我一直没有成功。任何帮助，将不胜感激。 我已经在Codepen.io上构建了它，以便你们可以使用它，并让我知道什么出于我的想法而有效... 显示代码段 var currentAuthor = ""; var currentQuote = ""; function randomQuote() { $.ajax({ url: "https://api.forismatic.com/api/1.0/?", dataType: "jsonp", data: "method=getQuote&format=jsonp&lang=en&jsonp=?", success: function( response ) { $("#quote-content").html('<h2 id="quote-content" class="display-5"><i class="fa fa-quote-left" aria-hidden="true"> ' + response.quoteText + ' <i class="fa fa-quote-right" aria-hidden="true"></i></h2>'); $("#quote-author").html('<p id="quote-author" class="lead"><em>' + response.quoteAuthor + '</em></p>'); currentAuthor …

322 html  css  twitter-bootstrap  flexbox  bootstrap-4 

我通常熟悉使用CSS刷新页脚的技术。 但是我很难让这种方法适用于Twitter引导程序，这很可能是因为Twitter引导程序本质上是响应式的。使用Twitter引导程序，我无法使用上述博客文章中描述的方法使页脚刷新至页面底部。

306 css  twitter-bootstrap  footer 

如果我在引导程序中有导航栏 Home | About | Contact 当每个菜单项处于活动状态时，如何设置它们的活动类？也就是说，class="active"当角度路线位于 #/ 回家 #/about 关于页面 #/contact 用于联系页面

306 javascript  twitter-bootstrap  angularjs  angularjs-directive  navbar 

为什么按钮和输入在Bootstrap中对齐不正确？ 我尝试了一些简单的方法： <input type="text"/><button class="btn">button</button> 该按钮大约5px低于chrome / firefox中的输入。

299 css  twitter-bootstrap 

从引导程序看，它们似乎支持折叠用于较小屏幕的菜单栏项。页面上的其他项目是否也有类似内容？ 例如，我有一个右舷的右舷药丸。在小屏幕上，这会导致问题。我希望至少将其放入类似的点击显示更多下拉菜单中。 在现有的Bootstrap框架中可能吗？

298 html  css  twitter-bootstrap  responsive-design 

我有这个Twitter Bootstrap代码 <div class='navbar navbar-fixed-top'> <div class='navbar-inner'> <div class='container'> <a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'> <span class='icon-bar'></span> <span class='icon-bar'></span> <span class='icon-bar'></span> </a> <div class='nav-collapse'> <ul class='nav'> <li class='active'> <a href='some_url'>My Home</a> </li> <li> <a href='some_url'>Option 1 </a> </li> <li> <a href='some_url'>Another option</a> </li> <li> <a href='some_url'>Another option</a> </li> </ul> </div> </div> …

296 css  twitter-bootstrap