javascript

java

python

c#

android

c++

node.js

php

html

jquery

ios

reactjs

css

.net

git

ruby-on-rails

sql

c

ruby

string

css - 如何将“active”类添加到ASP.NET MVC中的Html.ActionLink

我试图添加一个"活跃的" 在MVC中我的引导程序导航栏中的类,但以下内容在显示时不会显示活动类:

<ul class="nav navbar-nav">
  <li>@Html.ActionLink("Home", "Index", "Home", null, new {@class="active"})</li>
  <li>@Html.ActionLink("About", "About", "Home")</li>
  <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>

这解决了看起来像格式正确的类,但不起作用:

<a class="active" href="/">Home</a>

在Bootstrap文档中,它指出了&#39; a&#39; 标签不应该在导航栏中使用,但以上是我认为将类添加到Html.ActionLink的正确方法。 我可以做另一种(整洁的)方式吗?

trans by 2019-07-05T02:19:56Z

angularjs - Angular ng-repeat每3或4个cols添加一个bootstrap行

我正在寻找合适的模式,每3列注入一个bootstrap行类。 我需要这个,因为cols没有固定的高度(而且我不想修复它),所以它打破了我的设计!

这是我的代码:

<div ng-repeat="product in products">
    <div ng-if="$index % 3 == 0" class="row">
        <div class="col-sm-4" >
            ...
        </div>
    </div>
</div>

但它只在每行显示一个产品。 我想要的最终结果是:

<div class="row">
    <div class="col-sm4"> ... </div>
    <div class="col-sm4"> ... </div>
    <div class="col-sm4"> ... </div>
</div>
<div class="row">
    <div class="col-sm4"> ... </div>
    <div class="col-sm4"> ... </div>
    <div class="col-sm4"> ... </div>
</div>

我只能用ng-repeat模式(没有指令或控制器)来实现这个目的吗? 文档介绍了ng-repeat-start和ng-repeat-end,但我无法弄清楚如何使用它就是这个用例! 我觉得这是我们经常在bootstrap模板中使用的东西!? 谢谢

trans by 2019-07-04T08:48:04Z

Bootstrap css隐藏导航栏navbar-fixed-top下面的容器部分

我正在使用Bootstrap构建一个项目,我面临的问题很小。我在Nav-top下面有一个容器。我的问题是我的容器的某些部分隐藏在导航顶部标题下面。我不想使用top-margin与 容器。 请参阅下面的html,即我面临的问题

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<link rel="stylesheet" href="~/stylesheets/bootstrap.css"/>
<link rel="stylesheet" href="~/stylesheets/bootstrap-responsive.css"/>

</head>
<body>
    <div class="navbar navbar-fixed-top ">
        <div class="navbar-inner">
            <div class="container">
           <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar collapsed" type="button">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
                <div class="nav-collapse"><ul class="nav" id="navbar"><li ng-class="{active:section=='plunks'}" class="active"><a href="/plunks/trending"><i class="icon-home"></i>Home</a></li><li><a target="_self" href="/edit/"><i class="icon-calendar"></i>General Election 2014</a></li><li class="divider-vertical">
                    </li><li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">
                        <i class="icon-eye-open">
                        </i>Assembly Elections
                        <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                                <li><a href="#/HTML5Apps">Assembly Elections 2013</a></li>
                        </ul>
                         </li><li class="divider-vertical">
                    </li><li ng-class="{active:section=='tags'}"><a href="/tags"><i class="icon-th"></i>Constituecy</a></li><li ng-class="{active:section=='discuss'}"><a href="/discuss"><i class="icon-time"></i>Election News</a></li><li class="divider-vertical"></li><li><a href="https://github.com/filearts/plunker"><i class="icon-bell"></i>Candidate</a></li></ul></div>
             </div>
         </div>
    </div>
  <div  class="container" >
   <ul class="nav nav-pills">
    <li class="active">
    <a href="#">Popular</a>
    </li>
    <li><a href="#">Trending</a></li>
    <li><a href="#">Latest</a></li>
    </ul>
   </div>

    <script src="~/Scripts/jquery.js"></script>
    <script src="~/Scripts/bootstrap-dropdown.js"></script>
    <script src="~/Scripts/Collapse.js"></script>
</body>
</html>
trans by 2019-06-30T09:01:57Z

css - 在一个bootstrap响应页面中如何居中di

position a div at centre of a responsive page

我需要使用bootstrap创建一个响应式页面,在页面中心放置一个div,就像下面提到的布局一样。

trans by 2019-06-29T19:41:08Z

我应该使用CDN的Bootstrap还是在我的服务器上复制一份?

什么是使用Twitter Bootstrap的最佳做法,从CDN引用它或在我的服务器上制作本地副本?

由于Bootstrap不断发展,我担心如果我引用CDN,用户会随着时间的推移看到不同的网页,有些标签甚至可能会被破坏。 大多数人的选择是什么?

trans by 2019-06-27T16:32:36Z

Twitter Bootstrap中的导航栏颜色

如何更改Twitter Bootstrap 2.0.2导航栏的背景颜色? 如何更改导航栏中所有元素的颜色以反映背景颜色?

trans by 2019-06-26T20:49:48Z

css - Bootstrap 3:仅为col-lg向右拉

新的bootstrap 3 ....在我的布局中,我有:

<div class="row">
    <div class="col-lg-6 col-md-6">elements 1</div>
    <div class="col-lg-6 col-md-6">
         <div class="pull-right">
            elements 2
         </div>
    </div>
</div>

我想要&#39;元素2&#39; 不要在小于col-lg屏幕上对齐。 因此,只有col-lg-6有效地使用类右拉...

我怎么能实现这个目标?

这是一个小提琴:[http://jsfiddle.net/thibs/Y6WPz/]

谢谢

trans by 2019-06-25T20:20:27Z

css - Bootstrap 3面板标题,按钮位置错误

我正在使用bootstrap 3,我想在右上角的面板标题中添加一些按钮。 在尝试添加它们时,它们显示在标题基线下方。

代码:[http://bootply.com/82631]

我应该在标题,面板标题或按钮中添加什么缺少的CSS?

trans by 2019-06-25T18:46:48Z

html - Bootstrap 3折叠菜单不会在cli上关闭

我有一个或多或少来自bootstrap 3的标准导航

<body data-spy="scroll" data-target=".navbar-collapse">
    <!-- ---------- Navigation ---------- -->
    <div class="navbar navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                </button>
                <a class="navbar-brand" href="index.html"> <img src="#"></a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="active"><a href="#home">Home</a></li>
                    <li><a href="#one">One</a></li>
                    <li><a href="#two">Two</a></li>
                    <li><a href="#three">Three</a></li>
                    <li><a href="#four">Four</a></li>
                </ul>
            </div>
        </div>
    </div>

它在较小的设备上正常崩溃。 单击菜单按钮可以展开菜单,但如果我在菜单链接上单击(或触摸),菜单将保持打开状态。 我该怎么办,再次关闭它?

trans by 2019-06-25T16:57:16Z

javascript - Twitter bootstrap - 专注于cli模式中的textarea

刚刚开始玩bootstrap,这太棒了。

我想弄清楚这一点。 我有一个textarea在模态窗口内反馈。 它很棒。 但是当我点击按钮激活模态时,我希望焦点转到textarea。 我似乎无法让它发挥作用。

这是一个小提琴:[http://jsfiddle.net/denislexic/5JN9A/4/]

这是代码:

<a class="btn testBtn" data-toggle="modal" href="#myModal" >Launch Modal</a>

<div class="modal hide" id="myModal">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
      <textarea id="textareaID"></textarea>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>​

这是JS

$('.testBtn').on('click',function(){
    $('#textareaID').focus();
});​

恢复当我点击“Launch modal”时,我想要显示模态并将焦点放在textarea上。

谢谢你的帮助。

trans by 2019-06-24T19:19:20Z

jquery - Twitter Bootstrap Carousel插件可以在幻灯片转换时淡入淡出

我在我正在开发的网站上有一个非常基本的Twitter Bootstrap Carousel插件实现([http://furnitureroadshow.com/]。]我只是想知道是否有人扩展了Carousel插件以使其淡入和 幻灯片过渡淡出?

我在github.com([https://github.com/twitter/bootstrap/issues/2050)上发现了这个问题#2050,这似乎表明在这一点上,这是不可能的。 只是想看看它是否已经或已经完成。

trans by 2019-06-24T06:35:02Z

HTML - 如何从twitter-bootstrap中心.btn-group?

我正在使用twitter-bootstrap,我发现很难将div集中在float: left(链接)。通常,我用

margin: 0 auto; 

要么

text-align: center;

在div中居中的东西,但是当内部元素具有属性float: left(在这种情况下用于视觉效果)时它不起作用。

[http://jsfiddle.net/EVmwe/1]

trans by 2019-06-23T11:19:48Z

下拉菜单 - 允许点击twitter bootstrap下拉切换链接?

我们设置了twitter bootstrap下拉列表来处理悬停(而不是点击[是的,我们知道没有悬停在触摸设备上])。 但是我们希望能够在点击它时使主链接工作。

默认情况下,twitter bootstrap会阻止它,那么我们如何重新启用呢?

trans by 2019-06-23T11:01:24Z

python - Django和Bootstrap:推荐什么应用程序?

我想开始使用Twitter的Bootstrap来为最近启动的Django应用程序。 我对Django有很多经验,但我对Bootstrap完全不熟悉。

什么是最好的方法? 您是否会推荐或有经验的Django特定的Bootstrap应用程序?

我知道我可以直接使用Bootstrap,没有任何特殊的Bootstrap特定的Django应用程序。 但是,我还读到,如果没有一点服务器端支持(例如,将Bootstrap特定的CSS呈现为HTML格式),表单呈现就不会特别好。

似乎有几个项目,例如crispy表单,django-bootstrap-toolkit等。查看他们的项目页面,我可以看到不同级别的活动和支持。 如果我决定选择其中一个,我当然希望选择一个具有一定动力,因此很有可能保持支持和维持一段时间。 这非常重要,因此即使特定应用程序没有所有可能的功能或灵活性稍差,它仍然是一个不错的选择,因为支持/新鲜度,示例的可用性等。

感谢您提出任何建议或反馈。

trans by 2019-06-23T08:35:10Z

javascript - 结合AngularJS和Twitter Bootstrap的最佳方式

我想将AngularJS和Twitter Bootstrap整合到一个全新的Web应用程序中。 似乎已经为Bootstrap编写了AngularJS指令。

但是,仔细观察,似乎这些指令并未涵盖所有Bootstrap。 我可以将AngularUI Bootstrap代码与原始Bootstrap结合使用以获得完整性吗? 它可以在第一时间完成吗?

我偶然发现了另一个名为AngularStrap的Angular项目。 我能把这三个结合起来吗?

将AngularJS和Twitter Bootstrap结合起来以获得完整性的最佳方法是什么?

trans by 2019-06-23T04:13:43Z

css - Twitter Bootstrap文本字段的高度太小了?

我正在使用bootstrap,我发现文本字段的高度太小。它不到10px。我想知道它是小还是我犯了一些错误。

我用firebug来检查文本区域。它说高度是18px,这对我来说似乎不可能......我得到的就像我从这里得到的那样。文本区域来自bootstrap示例。这让我很困惑..。我得到的是

input, textarea, select, .uneditable-input {
  border: 1px solid #CCCCCC;
  border-radius: 3px 3px 3px 3px;
  color: #555555;
  display: inline-block;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  margin-bottom: 9px;
  padding: 4px;
}

高度表示它是18px,但它不是......有人可以帮忙吗?!

trans by 2019-06-22T22:37:02Z

Twitter Bootstrap 3中的半列

我无法弄清楚如何制作这样的bootstrap列:

col 3 | col 4.5 | col 4.5 
trans by 2019-06-22T13:14:54Z

javascript - 添加幻灯片效果到bootstrap下拉列表

我正在使用bootstrap,我想在下拉菜单中添加动画。 我想为它添加动画,向下滑动并在离开时备份。我怎么能这样做?

我试过的事情:

像这样更改Js下拉文件:

如何使Bootstrap导航下拉滑动顺畅上下?

trans by 2019-06-20T23:26:22Z

css - 将按钮组的宽度设置为100%并使按钮宽度相等?

我正在使用Bootstrap,我想将整个btn-group的宽度设置为其父元素的100%。 我也喜欢内部按钮采用相同的宽度。 事实上,我也无法实现。

我在这里做了一个JSFiddle:[http://jsfiddle.net/BcQZR/12/]

这是HTML:

<div class="span8 background">
<div class="btn-group btn-block" id="colours">
<span class="btn"><input type='checkbox' name='size' value='red'/>red</span>
<span class="btn"><input type='checkbox' name='size' value='orange'/>orange</span>
<span class="btn"><input type='checkbox' name='size' value='yellow'/>yellow</span>
</div> <!-- /btn-group -->
</div>

这是我目前的CSS,它不起作用:

#colours { 
  width: 100%;
}
trans by 2019-06-19T17:04:44Z

html - 使用Bootstrap设置body的最大宽度

使用Twitter Bootstrap构建我的第一个站点并尝试使用流畅的布局。 我已经将容器设置为流畅的,现在内部的内容占用整个页面宽度并适应调整浏览器的大小。

我正在开发的设计最大宽度为~950px。

我查了variables.lessresponsive.less,以及Bootstrap文档,我无法弄清楚如何实现这一点。 我也尝试将以下内容添加到我的style.css中:

body {
    max-width: 950px;
}
trans by 2019-06-19T11:14:19Z