个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在使用 Twitter Bootstrap 的导航栏和 navbar-static-top 类。当元素超过主体宽度时，它们不会扩展主体，而只是“移出主体”，从而导致导航栏不扩展。我怎样才能强制我的导航栏适合我的整个页面顶部？
我正在使用 DataTables 并且在移动设备中，表格大于主体宽度并且超出了主体元素的范围，但是导航栏以主体宽度结束。我希望导航栏继续，直到页面上留下可滚动空间。
这是我的导航栏代码:
<nav class="navbar navbar-inverse navbar-static-top navbar-lg" role="navigation">
<div class="container" >
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="start.php">
<img src="http://placehold.it/150x51&text=Logo" alt="">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav col-lg-5 col-md-5 col-xs-12">
<li>
<a href="">Esileht</a>
</li>
<li>
<a href="">Korraldajad</a>
</li>
<li>
<a href="">Kontakt</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right col-lg-4 col-md-4 col-xs-12">
<form class="navbar-form navbar-input-group" action='functions.php' method='post'>
<div class="form-group">
<select class="form-control" name='field_selector' id="field_selector">
<option value='pet' <?php if ($selected_field == "pet") { echo "selected";}?>>Petanque</option>
<option value='pil' <?php if ($selected_field == "pil") { echo "selected";}?>>Pool</option>
</select>
</div>
<div class="form-group">
<select class="form-control" name='lang_selector' id="lang_selector">
<option value='EE' <?php if ($selected_lang == "EE") { echo "selected";}?>>Eesti</option>
<option value='EN' <?php if ($selected_lang == "EN") { echo "selected";}?>>Inglise</option>
</select>
</div>
<button class='btn btn-primary' name='changelang'>Vaheta keelt/ala</button>
</form>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
这是它在页面上的样子:
正文元素在导航栏结束的地方结束，我希望它超过页面的全长。有什么想法吗？
编辑:
添加更多代码:
<body>
<!-- Navigation -->
<?php include('navbar.php');?>
<!-- Page Content -->
<div class="container">
<!-- In here is the form and table -->
</div>
</body>
最佳答案
我通过使用属性 overflow-x: scroll 向我的表格添加滚动条以防止在侧面溢出来解决这个问题(因此在移动 View 中表格是可滚动的)。
关于html - 静态导航栏不扩展宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46403718/
25
4
0
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 5 年前。 Improve
在 C# 静态方法中是否有一种方法可以引用定义该方法的类型？ 在实例方法中，您可以通过以下方式确定类型: public void Foo() { Type type = this.GetTyp
WPF:静态、动态资源以及资源词典 静态资源与动态资源 我们常常会使用样式或者控件模板放在Window.Resources中，比如这样： 静态资源与动态资源使用如下： <Window
任何人都知道如何在共享/静态函数中动态加载控件？该函数本身位于 mustinherit/abstract 类中。 (这是 VB 中的 ASP.NET 项目)我想做这样的事情: VB: Publ
在我看来，静态/强类型编程语言最宝贵的一点是它有助于重构:如果/当您更改任何 API，那么编译器会告诉您该更改破坏了什么。 我可以想象用运行时/弱类型语言编写代码......但我无法想象没有编译器的帮
正如我的名字所暗示的，我是一名 .NET 开发人员，但我对 Java 的兴趣越来越大，并且我有兴趣学习更多其他语言，因为这有助于我学习更多关于编程的知识。 无论如何，我的问题是:不带参数/不使用状态的
我在java中使用WireMock来 stub POST请求。该请求返回一个存储在我本地的 json 正文文件。 stub 看起来像这样: wireMockServer.stubFor(get(url
Python 是否有类构造函数的机制，即每当首次引用类时(而不是创建该对象的实例时)调用的函数？我知道其他一些语言中也存在这种情况，但我还没有在 Python 中遇到过。 基本上，我想初始化该函数中的
Python 是否有类构造函数的机制，即每当首次引用类时(而不是创建该对象的实例时)调用的函数？我知道其他一些语言中也存在这种情况，但我还没有在 Python 中遇到过。 基本上，我想初始化该函数中的
这个问题已经有答案了: What is the difference between dynamic and static polymorphism in Java? (14 个回答) 已关闭 4 年
这个问题已经有答案了: 已关闭10 年前。 Possible Duplicate: Static initializer in Java 我想知道这个静态的东西(抱歉，这是我第一次遇到这个)对一个类有
如果c++应用程序是按以下方式组织的 //file1.cpp static Y sgObj = X::getInitObject(0); //declared in file scope //fil
我有一个抽象类(AvergedDataRecord)，我需要进一步抽象(DataRecord)，这样我就可以将它扩展到原始类和一个新的具体类(SummedDataRecord)，并且我在获取某些方法时
我正在尝试制作一个字符串枚举。这是我到目前为止所得到的， private class TypedEnum : IEnumerable { public IEnumerator GetEnume
我选修了一门名为“安全代码”的类(class)，在下一个作业中，我们应该对一些 C 文件和 JavaEE Web 项目进行静态/动态分析。 我检查了“源监视器”并在 C 文件上运行它，但是(除非我不知
我有两个类，一个是登录类，一个是用户类。在 loggedIn 类中，我想显示我在用户登录时所做的共享首选项。 loginPrefs = getSharedPreferences("loginprefe
我在同一个 Activity 中有两个静态 fragment ，在“fragmentA”中我有一个自定义列表，当一个项目被点击时必须在“fragmentB”中出现一个细节，细节只在我改变屏幕方向时出现
在 Java 中是未修改方法变量，缺少final，每次都重新初始化限定符 静态方法 实例方法 如果 1. 或 2.(或两者)的答案是 final 限定符允许 Java 执行优化并存储方法变量只有一次？
我有两个类相互交互。第一个是中心的，如下: public class Datenbank { double winkelPanel = 0; double groessePanel = 0; doub
我有一个 mysql 数据库，它连接基于 Web 的 php 应用程序和 FoxPro 应用程序(是的，foxpro)。在之前的“开发人员”被解雇后开始处理这个问题。 无论如何，我熟悉 AES_Enc
我是一名优秀的程序员,十分优秀！