程序员经验分享-hwhale

带 twitter bootstrap 的全宽布局

2024-01-10

我正在尝试完成类似于此的布局：http://dribbble.com/shots/829195-Slate/attachments/86422 http://dribbble.com/shots/829195-Slate/attachments/86422

我的项目使用 Twitter Bootstrap 和响应式设计。可以用Bootstrap实现全宽布局吗？

问题是，根据我的阅读，流体布局将在 Bootstrap 3.0 中被删除，并且响应式设计具有固定的宽度。


您会在这里找到一个很棒的教程：bootstrap-3-grid-简介 http://www.helloerik.com/bootstrap-3-grid-introduction你的问题的答案是<div class="container-fluid"> ... </div>

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

css

twitterbootstrap

带 twitter bootstrap 的全宽布局 的相关文章

  • 纯 CSS 三角形在 Firefox 中看起来很模糊

    我正在尝试使用本文中 CSS 技巧中使用的纯 css 三角形http css tricks com snippets css css triangle http css tricks com snippets css css triangl

  • 使用 CSS3 在屏幕上移动图像

    我浏览网页已经有一段时间了 试图找到一种方法 让图标在加载页面时移动到屏幕上 从左侧移动到 body div 的中心 如何才能做到这一点 这是我到目前为止所拥有的 CSS3 a rotator text decoration none pa

  • CSS：将边框应用于选项卡焦点图像

    使用 CSS 如何在使用键盘 TAB 的焦点周围放置边框以在页面中导航 这里展示了如何使用文本而不是图像来完成此操作 http www joepettersson com demo the outline property http www

  • 无论单元格中的文本量如何，都将表格列宽设置为恒定吗？

    在我的表格中 我将列中第一个单元格的宽度设置为100px 但是 当该列中的一个单元格中的文本太长时 该列的宽度将变得超过100px 我怎样才能禁用这个扩展 我玩了一会儿 因为我很难弄清楚 您需要设置单元格宽度 th or td工作 我设置了

  • 如何为 p 标签中的星号第一个字符着色

    我认为这会很容易使用 first letter伪元素 但它不起作用 I have p Required Fields p 我希望 是红色的 有任何想法吗 请注意 我无法更改 html http jsfiddle net 3ducS http

  • 尝试制作Linux终端但失败

    这可能是一个愚蠢的问题 可能很容易找到 但我对这一切都很陌生 我似乎找不到我要找的东西 或者至少我不知道我需要寻找什么 所以我在这里 所以我想做的是创建一种 Linux 终端 这就是我到目前为止所得到的 我所坚持的是实际输入文本部分 我一直

  • 分页后重新显示当前标题

    我正在使用 Wea syPrint 创建文档 我有一些带有名称的部分 其中一些可能跨越多个页面 当节太长时 就会出现分页符 我想做的是重新显示当前部分的名称 最好使用相同的格式 以下 MWE 显示了分页符后如何不显示节标题 h1 First

  • 浮动：中心不起作用？

    我正在使用教程制作我的第一个 Tumblr 主题 我对此完全是新手 metadata a display inline block float center margin left 2 我希望帖子居中 但唯一有效的是 float left

  • 如何选择与绝对定位 DIV 重叠的选项？

    我有一个绝对定位的 div 它的作用类似于工具提示 当鼠标悬停在某个元素上时 它会显示 然后在鼠标移开时隐藏 我有几个

  • IE8 中的 CSS 属性选择器错误？

    指定为CSS 2 1 http www w3 org TR CSS2 selector html attribute selectors input type submit or input type submit 必须匹配 type 属性

  • 如何在 Bootstrap 4 中正确地将表单行逐一对齐

    如何将部分以及日期和时间调整为低于客人人数 如何将按钮移动到日期和时间文本字段下方 div class modal fade div class div div

  • 竖线 (|) 是有效的 CSS 还是 Firefox 特定的？

    我注意到 Firebug 中的这条规则 link color 0000EE 我不确定我是否见过竖线 前 它位于 about PreferenceStyleSheet 中 因此它可能是 Firefox 特定的 这是什么意思 有参考链接吗 我以

  • 删除多个类 (jQuery)

    有没有更好的方法来重写这个 element removeClass class1 removeClass class2 我无法使用removeClass 因为它会删除我不想要的所有课程 element removeClass class1

  • 如何覆盖 CSS 模块文件中的全局 CSS？

    让我们说在我的global css我有一个 Next js 项目的文件 flex display flex justify content center align items center height 100 我也有一个Layout j

  • 在 IE7 中水平对齐 div，无垂直堆叠

    我有一个固定容器 里面有一个附加容器 其中根据用户选择容纳了许多 DIV 我需要这些额外的 DIV 水平排列并提供水平滚动 但不是垂直滚动 比如这样 x x x 本质上 我的设置如下所示 div div div class final im

  • 重置 JQuery 表单验证

    我在类别表单填写上使用了 Jquery 表单验证 该表单由模式弹出 当用户将表单设为空白并点击 保存 时 触发 JQuery 验证错误 Now if user close this modal Not page refresh and op

  • 无法设置未定义的属性“显示”

    我正在编写脚本来隐藏 显示菜单 但遇到了一些麻烦 function displayMenu var classMenu event target className classMenu Menu document getElementsBy

  • HTML 对齐文本

    我想在页面上显示文本 如下所示 My Text Text Here My Text More Text Here Text from line above continued here 我有以下标记只是为了测试

  • 无法使用 CSS 将宽度和高度应用于 -webkit-scrollbar

    webkit scrollbar width 5px height 5px webkit scrollbar thumb background color 808080 为什么宽度和高度属性不起作用 width用于垂直滚动条和height影

  • Angular 2：将路由器出口设计为宽度 < 100%

    我正在构建一个 Angular 2 应用程序 该应用程序将为宽度超过 500 的屏幕提供侧导航栏 为宽度小于 500 的屏幕提供底部导航栏 现在 我尝试为侧栏分配 20 的宽度 即 80 应用内容 我遇到的问题是路由器出口内容 即实际的应用

随机推荐

热门标签