CSS在使用bootstrap的响应设计中强制内容低于固定的DIV？

文章/答案/技术大牛

发布

1回答

javascript、html、css、twitter-bootstrap

因此，在移动设备上，搜索栏下面的内容会被切断。处理这个问题的正确方法是什么？如果可能的话，我更喜欢使用纯CSS的东西，但我可以使用一些Javascript，但这是一个AngularJS项目，所以我需要小心，因为有些事情只是与JS的一点接触。</div> 此条横跨桌面上的整个屏幕，在小屏幕上，它折叠并堆叠输入

浏览 19提问于2018-01-07得票数 0

1回答

CSS/HTML屏幕大小自适应块/平铺

html、css、layout、css-float

我肯定之前有人问过这个问题，但我不确定这个术语意味着我的搜索结果没有得到任何相关的结果。有没有一种简单的跨浏览器的非JS方式来做到这一点，它不需要刷新页面(适应于改变屏幕大小，即调整大小)？

浏览 0提问于2016-12-23得票数 0

3回答

当我调整浏览器大小时，为什么导航栏会中断？

html、css、twitter-bootstrap

我的navbar里有一台logo and Account Name，它在台式机和更大的设备上运行良好。当我调整到平板电脑或移动设备的分辨率时，它就崩溃了。<div class="navbar navbar-default navbar-fixed-top" role="navigation"> <d

浏览 0提问于2014-06-27得票数 1

3回答

在最小宽度下停止引导

css、twitter-bootstrap

因此，我手中有一个令人讨厌的项目，其中有很多引导程序。问题是，我需要在特定的1024px上进行锁定，但我想不出怎么做。我将body锁定在1024px，但是bootstrap仍然改变了关于宽度的布局，并且我不能简单地删除所有列类以仅使用1，因为它不再自适应。我可以使用什么想法来实现这一点？

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

2回答

无法使用引导将文本区域设置为宽度: 100%

html、css、forms、textarea

我正在尝试将rails中的一个文本区域设置为其容器的宽度。我已经测试了css在文本区域上的工作情况。表单视图： <div class="row"> <div class="col-md-6"><div clas

浏览 7提问于2015-03-24得票数 0

1回答

将固定背景与CSS* calc对齐*

css、responsive-design、fixed、background-position、background-attachment

所讨论的设计是这样的：基本上有两个媒体查询:一个是关于最大高度的查询，一个是关于最小宽度的查询。如果有足够的视口高度，则在内容区域有一个滚动条，并且设计高度是固定的。但是，如果视口不够大，无法显示预定义的高度，那么高度中介查询将从内部div中删除滚动条，这样就不会有两个嵌套的滚动容器(body + div)，并将内容

浏览 4提问于2014-07-18得票数 0

2回答

如何阻止单列容器跳转更改边距

css、bootstrap-4、margin、viewport

我正在学习Bootstrap，我想创建一个简单的div，它以页面为中心。我真的很喜欢container类的自动边距，但是当调整窗口宽度时，它似乎是基于断点的跳转变化。我试图显式地设置一个列布局如下： <div class="row"> <div class="col-12&qu

浏览 2提问于2019-04-09得票数 1

回答已采纳

3回答

具有表格或无表格表单的响应式HTML页面设计(PC、平板电脑、智能手机)

css、html、twitter-bootstrap、responsive-design

我正在开发一个基于PC的web应用程序，但在不久的将来将支持平板电脑和智能手机。我们使用Twitter Bootstrap ()和JQuery作为CSS/Javascript核心。在以前的大多数开发中，我们使用表格来布局我们的表单，因为大多数应用程序都是针对桌面使用的，因此使用表格来布局表单(大多数是两列)以确保对齐等等。然而，现在我们正在考虑添加屏幕空

浏览 1提问于2012-04-09得票数 1

4回答

根据浏览器宽度显示不同的Adsense广告

php、javascript、css、adsense

我有一个响应式的设计，我正在设计，它从960像素开始，使用css3媒体查询减少到320px。我目前在我的内容上面和下面使用728px的横幅，但一旦你低于728px，这显然就会中断。我需要的是最简单的方式来显示一个较小的广告一旦浏览器宽度低于728px。我不能简单地在div中

浏览 0提问于2012-04-09得票数 6

3回答

做一个固定的和响应性的div

html、css、twitter-bootstrap

我有这个设计，用引导，有一个左侧的酒吧100%的高度。左边有一个内容区域。左边的侧边栏是固定的使用位置:固定的，所以它保持不变时，滚动下来。在台式机上没问题。然而，当它是从移动观看，固定的侧边栏去顶部，就像在任何其他响应设计。很好。但是桌面右侧的内容区域出现在侧边栏的顶部，而不是底部，导致位置

浏览 2提问于2013-12-17得票数 2

回答已采纳

3回答

屏幕分辨率变化的网页水平滚动条外观

javascript、html、css

什么是正确的CSS删除水平滚动条出现在网页上的分辨率变化？要固定的宽度是否必须在%中？另外，这个位置是绝对的还是相对的？请帮助-也有任何的指针最好的CSSdesign跨浏览器和网站是什么时候打开电话？

浏览 6提问于2014-07-11得票数 0

回答已采纳

10回答

使用twitter bootstrap的全宽布局

css、twitter-bootstrap

我正在尝试实现一个与此类似的布局：我的项目使用带有响应式设计的Twitter Bootstrap。是否可以使用Bootstrap实现全宽布局？问题是，根据我所读到的内容，bootstrap 3.0中将删除流畅的布局，响应式设计具有固定的宽度。

浏览 0提问于2013-01-11得票数 69

回答已采纳

3回答

使用twitter引导的响应html

html、css、twitter-bootstrap

我使用的是引导，如果我在container-fluid上使用固定的宽度和自动边距来集中内容，它就会失去响应能力。CSS .containe

浏览 5提问于2013-05-26得票数 0

回答已采纳

2回答

周围有没有无响应的CSS框架？如果是，请列出它们

css、frameworks、responsive-design

我为一个使用响应式框架的客户开发了一个网站，我们发现他们不喜欢在设备小的时候改变它，他们希望网站在IPhone上看起来和在Windows PC上是一样的。因为我使用的是Zurb Foundation CSS，所以我发现很难让它变得无响应。现在还有哪些CSS框架可以支持固定的布局？我看到大多数框架都说现在是响应式的。

浏览 1提问于2013-04-15得票数 2

回答已采纳

1回答

我已经试着通过搜索"bootstrap force scrolling“之类的东西来做作业了。我正在学习使用twitter bootstrap设计一个响应式视图，专门为移动，所以我只希望页面滚动时，宽度是低于1024px。我尝试查看标准的bootstrap-responsive.css，并删除了max-width=980px / (min-width:768)和(max-width:979)<em

浏览 1提问于2012-05-03得票数 0

回答已采纳

1回答

MVC5必须为引导程序添加div标记，我们可以用css代替吗？

css、twitter-bootstrap、razor、asp.net-mvc-5

我们正在使用MVC5建立一个响应网站。加入团队的一位开发人员指出，我们正在向cshtml页面添加标记，以支持响应性设计。他认为，实际上我们应该将css类添加到元素中，然后让样式表来处理布局。目前，我们在控件周围的cshtml类部分中添加类似的内容。<div class="row"> <div class="

浏览 2提问于2014-08-28得票数 2

回答已采纳

2回答

网页在不同屏幕上的显示方式不同

html、css、mobile、display

我正在尝试让我的网站显示它的设计方式。我有一个iMac，但是当我在MacBook专业版和我的手机上查看它时，我其中一个页面上的div失去了它们的比例，而且它看起来不像它应该的样子。这是我的页面的链接：header, section, footer, aside, nav, main, article, figure { display: block;pa

浏览 2提问于2017-04-01得票数 0

1回答

linkedin、facebook或quora使用什么css样式表

css、responsive-design

我一直在想，linkedin、facebook或quora是如何设计他们的网站的。当我在浏览器中看到他们的网站处于响应模式时，我发现他们的网站被固定在1000 ok或1100 ok点，内容没有变化，但是当我看到他们的网站在移动上时，它看起来很好。他们怎么做到的？图格尔响应模式(在火狐ctrl+shift+m中)，并继续做屏幕的大

浏览 0提问于2019-08-29得票数 1

回答已采纳

5回答

如何使用@media media query来定位特定的屏幕尺寸？

twitter-bootstrap、responsive-design、media-queries

我是响应式设计的新手，我现在正在玩twitter bootstrap responsive.css。我的项目遇到了一些麻烦。问题是，我的左列不会崩溃(如果这是正确的术语)，或者不会堆叠。我想要的是，左边的列应该移到span8列的下方，并调整它的宽度。它现在所做的是，左侧列的宽度减小，并挤压其中的所有内容。我<

浏览 0提问于2012-08-12得票数 5

回答已采纳

3回答

窗口外的内容

html、css

我正在制作一个网站，它应该是响应式的，但我的整个内容在一些屏幕上超出了窗口的宽度。这不应该发生。这是我的main div的HTML代码，它还包含一个container div，它位于每个<section>中

浏览 3提问于2015-11-19得票数 0

点击加载更多