标签: twitter-bootstrap

如何将导航栏项目对齐？

我想登录并注册到右边.但我尝试的一切似乎都不起作用.

这是我到目前为止所尝试的:

• <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">
        <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" …

我通常熟悉使用CSS刷新页脚的技巧.

但是我在使用这种方法为Twitter引导工作时遇到了一些麻烦,很可能是因为Twitter引导本质上是响应式的.使用Twitter bootstrap我无法使用上面博客文章中描述的方法让页脚刷新到页面底部.

通过引导程序看起来它们似乎支持折叠较小屏幕的菜单栏项目.页面上的其他项目是否有类似内容？

例如,我有一个导航丸正好浮动.在小屏幕上,这会导致问题.我喜欢至少把它放到类似的点击显示更多下拉菜单中.

这在现有的Bootstrap框架中是否可行？

为什么按钮和输入在引导程序中没有很好地对齐？我尝试过一些简单的事情:

<input type="text"/><button class="btn">button</button>

该按钮比chrome/firefox中的输入低约5px.

我有这个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>
    </div>
  </div>

但是当我查看页面的开头时,导航栏会阻止页面顶部附近的一些内容.如果在查看页面顶部时如何降低其余内容,以便内容不会被导航栏阻止,是否有任何想法？

我正在使用LESS使用Bootstrap 2.0.3.我想广泛地自定义它,但我想尽可能避免对源进行更改,因为库的更改经常发生.我是LESS的新手,所以我不知道它的编译是如何完全有效的.使用基于LESS或LESS的框架有哪些最佳实践？

有没有办法在主要父母的内部垂直或水平居中html元素？

我们能否以与模态相同的方式使弹出窗口被解雇,即.当用户点击它们之外的某个地方时,让它们关闭？

不幸的是我不能只使用真正的模态而不是弹出模式,因为模态意味着位置:固定并且不再是弹出模式.:(

我试图找到一个twitter bootstrap typeahead元素的工作示例,该元素将进行ajax调用以填充它的下拉列表.

我有一个现有的工作jquery自动完成示例,它定义了ajax url以及如何处理回复

<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
    var options = { minChars:3, max:20 };
    $("#runnerquery").autocomplete('./index/runnerfilter/format/html',options).result(
            function(event, data, formatted)
                {
                    window.location = "./runner/index/id/"+data[1];
                }
            );
       ..

我需要更改什么来将其转换为typeahead示例？

<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
    var options = { source:'/index/runnerfilter/format/html', items:5 };
    $("#runnerquery").typeahead(options).result(
            function(event, data, formatted)
                {
                    window.location = "./runner/index/id/"+data[1];
                }
            );
       ..

我将等待" 添加远程源支持预先输入 "问题得到解决.

是什么data-toggle属性中Twitter的引导呢？我在Bootstrap API中找不到答案.

我之前也看过类似的问题,链接.但它对我帮助不大.