标签: twitter-bootstrap

我想在我正在构建的页面上有5个相等的列,我似乎无法理解这里是如何使用5列网格的:http://web.archive.org/web/20120416024539/http : //domain7 .COM /移动/工具/引导/响应

五列网格是否在twitter bootstrap框架的上方展示了？

我正在开发一个网页,其中我正在使用Twitter的Bootstrap Framework和他们的Bootstrap Tabs JS.除了一些小问题外,它的效果很好,其中一个是我不知道如何从外部链接直接转到特定的选项卡.例如:

<a href="facility.php#home">Home</a>
<a href="facility.php#notes">Notes</a>

单击外部页面上的链接时,应分别转到"主页"选项卡和"注释"选项卡

我如何设置Font Awesome 图标中图标的颜色,大小和阴影？

例如,Font Awesome的网站将显示一些白色的图标和一些红色的图标,但不会显示CSS如何以这种方式设置样式...

如何将glyphicon添加到文本类型输入框？例如,我想在用户名输入中使用'icon-user',如下所示:

我在我的网站上使用bootstrap并且导航栏固定顶部有问题.当我只使用常规导航栏时,一切都很好.但是,当我尝试将其切换到导航栏固定顶部时,网站上的所有其他内容都会向上移动,就像导航栏不在那里而导航栏重叠一样.这基本上是我如何摆脱它:

.navbar.navbar-fixed-top
  .navbar-inner
    .container
.container
  .row
    //yield content

我试图准确复制bootstraps示例,但只有在使用navbar固定顶部时才会出现此问题.我究竟做错了什么？

问题:

删除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>

期望的输出:

目前,此代码在两列的右侧和左侧添加填充/边距.我想知道为了消除两侧的额外空间我错过了什么？

注意:

如果我删除"col-md-4",那么两列都会扩展到100%,但我希望它们彼此相邻.

Bootstrap 3仍然在RC,但我只是想实现它.我无法弄清楚如何放置子菜单类.即使css中没有课程,甚至新的文档也没有说出任何关于它的内容

在2.x中有类名作为dropdown-submenu

当我在bootstrap模式中使用select2(输入)时,我无法在其中键入任何内容.这就像残疾人？莫代尔选择2之外的工作正常.

工作实例: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"  class="input-large" required=""  />
  </div>
</div>

  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

adn js

$("#vdn_number").select2({
    placeholder: "00000",
    minimumInputLength: 2,
    ajax: {
        url: "getAjaxData/", …

我正在寻找一种垂直居中对齐containerdiv的方法,jumbotron并将其设置在页面中间.

在.jumbotron必须适应屏幕的整个高度和宽度,所以我用这个CSS.

.jumbotron {
  height:100%;
  width:100%;
}
.container {
  width:1025px;
}
.jumbotron .container {
  max-width: 100%;
} 

的.containerdiv有一个宽度1025px和应在该页面(垂直中心)的中间.

<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 top-features-bg"></i></span>
                        <p><strong>Redirect</strong><br>Visitors where they converts more.</p>
                    </li>
                    <li>
                        <span><i class="fa fa-cogs simple_bg top-features-bg"></i></span>
                        <p><strong>Track</strong><br>Views, Clicks and Conversions.</p>
                    </li>
                    <li>
                        <span><i class="fa …

如果我在引导程序中有一个带有项目的导航栏

Home | About | Contact

如何为每个菜单项激活时设置活动类？也就是说,如何设置class="active"角度路径的时间

1. #/ 为了家
2. #/about 对于关于页面
3. #/contact 对于联系页面