BootStrap布局高度100%

文章/答案/技术大牛

发布

3回答

javascript、jquery、html、css、twitter-bootstrap

我开始研究bootstrap来为应用程序做布局。我正在努力使左栏与屏幕的高度，使这将是内容也需要遵循。我已经尝试了高度: 100%，但它不工作。

浏览 15提问于2017-02-02得票数 0

回答已采纳

2回答

击顶时闪烁的导航

javascript、jquery、html、twitter-bootstrap

我使用了bootstrap navbar和一个jquery脚本来使它在向下滚动时停留在顶部，但如果不使用jquery的“fadein/out”特性，我就无法让它闪烁。

浏览 10提问于2017-07-05得票数 0

2回答

Bootstrap面板主体100%高度- flexbox

html、css、twitter-bootstrap-3

我想设计的布局与100%的高度的视口(减去标题height: 70px;)。请告诉我如何才能做到这一点？，但没有帮助。

浏览 0提问于2015-12-29得票数 1

4回答

Twitter Bootstrap:容器中的div高度为100%

css、twitter-bootstrap、height

使用twitter bootstrap (2)，我有一个带有导航栏的简单页面，我想在container中添加一个高度为100%的div (在屏幕底部)。-- This one wants to be 100% height --></body>#map { height: 100%;} html,

浏览 51提问于2012-07-27得票数 149

回答已采纳

2回答

是否可以让基于列的flexbox列表中的第一项为100%，而其他项则不是？

html、css、layout、flexbox

这是我现在使用基于列的flexbox布局得到的结果：但我真正想要的是：我的标记是一个带有LI的简单UL，我在ul上设置了flexbox和一个基于列的布局选项，并且我指定了高度，使其向右折行我将Bootstrap 4 flexbox布局用于单个li的列，可以想象，如果我将第一项指定为100%宽度，那么所有符合指定高度的直接li也将是100%。有什么想法？提前感谢！

浏览 2提问于2016-10-16得票数 0

3回答

使用Bootstrap的页面布局

html、css、layout、twitter-bootstrap-3

是否可以使用Bootstrap 3获得此页面布局？标题是流动的。导航宽度为250px，高度为100%。内容占据了其余的部分。当涉及到内容时，Bootstrap非常出色。这可以完全在Bootstrap中完成，只需稍作调整，还是必须为布局使用单独的文件？

浏览 0提问于2017-08-02得票数 0

3回答

Twitter Bootstrap - 100%高度

css、twitter-bootstrap

我正在尝试使用twitter-bootstrap框架为我的应用程序设计一个管理面板，但是我无法让我的布局工作。我的灵感来自于这个设计： HTML <div class="row-fluid"> <div

浏览 1提问于2013-04-28得票数 14

回答已采纳

3回答

一般情况下，我对bootstrap和web是个新手。我正在开发的应用程序遇到了问题。我想要的是有一个顶部的栏与按钮，做事情和下面的设置，其中20%的左边是一个div填充和其他80%是一个地图填充。我可以使用col md-2和col-md-10得到分割，但是地图不会延伸到100%的高度(我会说它位于75%左右)。我尝试了这里和其他地方提供的许多不同的方法来解决100%的高度问题，但似乎都不起作用。我把这个放在一起，作为我目前正在尝试的一个例子。我去掉了大部分css，因为它们对我来说都不起作用。

浏览 1提问于2014-12-20得票数 1

2回答

单页网站的响应高度

javascript、html、css、twitter-bootstrap、responsive-design

我正在尝试理解如何构建一个单页面的网站布局，由一系列页面组成，每个页面占据整个视区：width: 100%; 实际上，它的问题是每个页面的高度:虽然对于大多数分辨率来说它是可以接受的，但我希望确保每个页面的宽度和高度与视口的高度完全相同。我不介意使用javascript，事实上，我怀疑如果没有某种JS (可能也是“监听”来调整事件大小)来调整page-div的

浏览 1提问于2014-09-11得票数 2

回答已采纳

2回答

在Twitter Bootstrap中定位div视口的整个宽度

css、positioning、twitter-bootstrap

如何在Bootstrap中设置div样式，以在正常的12网格“行”和“跨度”系统中跨越视区的整个宽度(没有固定的位置)？在Bootstrap源代码中，navbar-fixed-top类使用固定位置以及left和right属性来实现此效果：.navbar-fixed-bottom {

浏览 0提问于2012-04-26得票数 3

回答已采纳

2回答

我如何设置我的导航div的高度为它包含标题div的高度的100%？

css

如何将我的导航div的高度设置为包含标题div的高度的100%。根据我使用的CMS，布局是这样的。header> <nav class=“nav-primary collapse navbar-collapse”> 其中一些类来自bootstrap标题高度显式设置为80px。容器div没有高度属性。导航css的高度属性为auto !important。

浏览 31提问于2017-07-02得票数 0

1回答

反作用自举网格中的等宽等高单元

reactjs、grid、flexbox、react-bootstrap、react-bootstrap-table

我正在努力使react-bootstrap网格中的react-bootstrap单元格具有自动等宽和高度相等的。这些单元格的内容大小将改变，整个网格的宽度也会有所不同。此外，我正在考虑使用像FlexBox布局这样的现代布局来实现这一目标(如果存在的话)。我以前使用过FlexBox，我知道这可能是实现这种布局的最好方法。import { Grid, Row, Col } from 'react-bootstrap'; ...Col key={i} s

浏览 4提问于2016-10-14得票数 0

回答已采纳

3回答

CSS 100%高度布局

css、layout、height

我想将转换为无表布局。注意:页眉和页脚必须设置为固定的像素高度(50px就可以了)。我遇到的主要问题是，我不能让中间的“大盒子”表现得像它在处理表格时那样。

浏览 3提问于2011-05-28得票数 37

回答已采纳

1回答

将Bootstrap* 4列高度强制设置为内容高度*

bootstrap-4、flexbox

在较大的屏幕上，布局是我想要的方式。然而，在较小的屏幕上，我希望“Sidemenu”栏占据其内容高度，而“Main content”部分占据页面高度的其余部分。我如何用bootstrap实现这一点？第一个图像显示了大屏幕中的布局，第二个图像显示了较小屏幕中的布局。这里是JsBin链接https://jsbin.com/zimuwoyowe/7/edit?html,css,output。 ?content="width=dev

浏览 12提问于2020-06-28得票数 0

19回答

自举3双列全高

html、css、twitter-bootstrap

我试图用Twitter引导3制作一个两列的全高度布局，似乎Twitter Bootstrap 3不支持完全高度布局。每个家长的高度都是100%不起作用，因为在这种情况下，内容是一行。 position: absolute似乎是错误的。

浏览 11提问于2013-09-30得票数 254

回答已采纳

1回答

引导3全宽度和高度布局与3列Flex或Col

html、css、twitter-bootstrap

我尝试了许多不同的方式，但没有一个匹配的布局下一个屏幕截图与一个Navbar在中间。宽度对我来说是可以的，但我在设置高度方面有问题。 background-repeat: no-repeat;} 这是我写的一个片段，你可以看到<e

浏览 1提问于2018-11-30得票数 2

回答已采纳

3回答

Bootstrap Grid列高度100%

css、twitter-bootstrap、height

我正在使用bootstrap网格系统来创建一些嵌套网格。唯一的问题是我不能让网格横跨整个屏幕，目前它只有1行高。 <div class="container"> <div class="col-md-6"style="

浏览 0提问于2015-04-21得票数 4

1回答

Bootstrap 3面板高度100%

twitter-bootstrap、twitter-bootstrap-3

基本上，我需要的Bootstrap面板(边框)占据100%的窗口。但它似乎只是一个固定的高度，而不是100%。这是我的。

浏览 1提问于2013-12-21得票数 1

2回答

Bootstrap 100%高度右边栏

css、twitter-bootstrap-3、sidebar

我使用的是Bootstrap 3，布局为2列。右栏是我的侧边栏。我对每一个都有不同的背景，我可以说我的侧边栏专栏不会一直持续到主内容包装器的底部。这是我模仿的jsfiddle，为了达到100%的高度侧边栏，但我似乎不能让它工作。我看到很多100%的左侧边栏，但是没有使用Bootstrap的右侧边栏。谢谢。

浏览 0提问于2014-09-25得票数 4

回答已采纳

2回答

Bootstrap的navbar高度100%？

bootstrap

这基本上就是我想要达到的目标： [01vae.png] 我希望整个页面的高度是100%，但是当我将侧边栏和主体放在100%时，页面会从navbar中添加40 px，所以即使没有滚动条，我也会得到一个滚动条div></body> 和CSS到目前为止我得到的是： body, html, .container-fluid, .sidebar, .body { min-height: 100</em

浏览 1071提问于2018-04-02

点击加载更多