Tag: twitter bootstrap

Twitter Bootstrap：中心丸: 我的问题是你如何能中心药片？我试图添加中心块，也改变float:left float:center但没有任何帮助。

我可以在twitter-bootstrap popover数据内容中使用html标签吗？: 我在Rails 3.1.3应用程序中使用Twitter-Bootstrap。我有很多元素像popovers一样： <a data-original-title="Quality" rel="popover" data-content="Did they do a good job? 5 for Really Nice, 4 for Good Enough, 3 for Average, 2 for Somewhat OK, 1 for Really Bad">Q</a> 我想在内容部分有一个有序列表，类似于： <OL reversed="reversed"> <LI> for Really Nice </LI> <LI> for Good Enough </LI> … </OL> 有没有简单的方法来做到这一点，而不修改JavaScript？无论我尝试什么，html代码都会显示在浏览器上，而不是被解释为这样。 UPDATE 根据David的build议使用以下代码 link_to 'Q', '#', options: { […]

使用jQuery和Twitter Bootstrap查找活动选项卡: 我一直在绞尽脑汁想了一会儿，我想知道有没有人知道如何find活动选项卡，使用jQuery和Twitter的Bootstrap。从URL中抽取散列不是我的第一select，我在<a>链接中使用data-toggle属性，因此不需要生成URL散列。任何见解？以下是我的标记示例： <ul class="nav nav-list" id="sampleTabs"> <li><a href="#example" data-toggle="tab">Tab 1</a></li> </ul> <div class="tab-content"> <div class="tab-pane fade active in" id="example"> Example Tab </div> </div> <script> $('#sampleTabs a:first').tab('show'); </script> 我打开任何build议 – 使用PHP会话，JS cookie等编辑：这是真正的问题。我有一个使用PHP的分页系统，所以当一个页面号码或next / prev箭头被点击，它将重新加载页面。这就是为什么我需要在加载下一页之前find活动选项卡，因为我只是将它传递到URL或会话等。

Twitter引导键入多个值？: 我使用Jquery的Twitter Bootstrap。我想使用一个textarea的TYPEAHEAD函数，我很容易工作。但我也需要它来允许多个select 。我的意思是，在我从自动完成中select了一个单词之后，它会把我带回到textarea，然后如果我再次打开，那么它就会再次提供给我。这里是一个JS bin： http : //jsbin.com/ewubuk/1/edit （里面没什么特别的）。是否有一个容易的解决scheme，允许与键入多选？如果是的话，怎么样？提前致谢。

引导最初折叠的元素: 我正在使用bootstrap模板，并且想要改变手风琴默认的工作方式。如何在第一次看到页面（加载时）时切换到closures状态？ <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">Open!</a> </div> <div id="collapseOne" class="accordion-body collapse in"> <div class="span6"> <div class="well well-small"> <div class="accordion-toggle"> …some text… </div> </div> </div> <div class="span2"></div> </div>

在Bootstrap 3中如何certificatenavbar-nav: 我试图certificate一个navbar （使导航栏内容拉伸）在引导3.我已经添加了margin: 0 auto; max-width: 1000px; margin: 0 auto; max-width: 1000px; 到nav*类，并且还尝试将一个container元素作为父项添加到ul 。作为最后一个检查，我做了这个答案中的build议，在navbar类中添加了navbar-justified navbar ，但是这导致所有东西在左边一起缩小而没有certificate整个导航栏的正确性。做一个nav nav-justified ul确实是ul中心，但是它不保留navbar-nav类的样式，因为它不是ul的一部分，当屏幕小于768px时，它看起来并不好看。我如何certificate一个Bootstrap 3 navbar ？编辑：对于那些有兴趣的更完整的答案，这里是我在生产中使用的一些代码： // Stylesheet .navbar-nav>li { float: none; } // Navbar <nav class="navbar navbar-default"> <ul class="nav nav-justified navbar-nav"> <li><a href="/">Home</a></li> <li><a href="group.html">Group</a></li> <li><a href="services.html">Services</a></li> <li><a href="positions.html">Positions</a></li> </ul> </nav> 这里是一个工作jsFiddle 。您可能需要拉伸result框的大小才能正确显示。如果你有兴趣集中实际列表，而不需要导航到全宽，请参阅David Taiaroa的jsFiddle […]

不规则的引导列包装: 使用最新版本的haml，haml-rails，sass和bootstrap-sass运行Rails 4.1.4。对于用户显示器，我的HAML是这样的： .tutors-listing .row – @users.each do |tutor| .col-xs-12.col-md-3 .row.tutor .col-xs-offset-1.col-xs-4.col-md-12 = image_tag tutor.photo, :class => 'img-responsive img-circle tutor-photo' %h4.tutor-name = tutor.first_name %p teaches %strong.tutor-skills = tutor.teachables 但是，这个标记导致以下故障：我希望没有人能在这里发现什么是错的。在中等断点处，应该有4列均匀。

在Bootstrap工具提示中显示长文本: 我试图在twitter引导工具提示中显示一些长文本。正如你在下面的图片中可以看到的，事情并不会很糟糕。有没有人有一个简单的修复文本溢出引导工具提示？编辑（添加要求的代码）：在我的控制器中： <a href='" + Url.Action("Index", "PP", new {id = productRow.ProductGuid, area = ""}) + "' " + ((blTruncated) ? "class='auto-tooltip' title='" + productRow.ProductName.Replace("'", "") : "") + "'>" + productName + "</a> 在我看来： $('.auto-tooltip').tooltip();

Bootstrap模式：closures当前，打开新的: 我看了一会儿，但我找不到解决scheme。我想要以下内容：在Bootstrap模式中打开一个URL。我有这个课程。所以内容是dynamic加载的。当用户按下这个模式中的一个button时，我想要隐藏当前的模式，之后，我想要一个新的模式用新的URL（用户点击）打开。第二个模态的这个内容也是dynamic加载的。如果用户closures了第二个模态，第一个模态必须再次返回。我一直盯着这几天，希望有人能帮助我。提前致谢。

带有不同字体的graphics和文本的ASP.NET动作链接: 我想呈现一个@Html.ActionLink的button，但我需要在文本中有我的应用程序字体。有了这个代码： <span> @Html.ActionLink(" Create New", "Create", null, new { @class = "btn btn-warning glyphicon glyphicon-plus-sign" }) </span> 我得到我的button，但创build新文本出现与glyphicon字体家族。将字形类放在跨度中不会改变任何东西