如何创建复杂的Bootstrap 4布局

文章/答案/技术大牛

发布

2回答

layout、bootstrap-4

所有的代码都在下面，要在你的机器上测试，请包括来自CDN的Bootstrap4：谢谢!<script src="https://maxcdn.bootstrapcdn.com/<

浏览 18提问于2019-07-25得票数 0

回答已采纳

2回答

bootstrap中的复杂布局

html、css、twitter-bootstrap

我在bootstrap中做了这个复杂的布局，但重点是当我移到下面右侧的图像时，所有其他图像都会变小。我试着处理宽度和高度的数字，但结果很糟糕！图像的数量将根据标题的变化，所以我可能有3个图像或2或5。请帮帮我!

浏览 17提问于2016-08-15得票数 0

回答已采纳

2回答

如何使用Bootstrap "row“和"col--”转换基于表格的布局

css、twitter-bootstrap、html-table

我在网站上工作，这是基于表格布局(无div)。现在需求发生了变化，必须重新创建以使其看起来具有响应性，对于响应性，我们选择bootstrap作为选项。现在，我如何将表格布局转换为引导网格布局，这样1.看起来不会改变，2.也有响应性。 </t

浏览 1提问于2015-09-23得票数 27

2回答

Magento2 -菜鸟选择产品

php、magento、magento2、magento2.2

我需要创建一个非常简单的PHP页面来查找给定的产品。我想查找基于SKU的产品，只需打印价格和产品URL。$product = $objectManager->create('Magento\Catalog\Model\Product')->load(1); 但是，所做的只是抛出一个没有找到ObjectManager的感觉。因此，我尝试预先包含/app/boots

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

回答已采纳

5回答

如何创建一个固定的侧边栏布局与引导4？

html、css、twitter-bootstrap、bootstrap-4

我试图创建一个布局，如截图使用引导4，但我有一些问题，使侧边栏修复和实现这个布局在同一时间。下面是一个基本的例子： <div class="row"> </div> &l

浏览 1提问于2016-11-08得票数 57

回答已采纳

2回答

选择正确的前端框架

html、css、twitter-bootstrap、web、zurb-foundation

我正在研究Bootstrap vs Foundation，我的标准是：在我过去使用Bootstrap的经验中，从设计师模型构建布局作为感谢你的想法和想法。

浏览 3提问于2013-06-26得票数 1

回答已采纳

1回答

使用Twitter Bootstrap将右侧内容向左移动

css、twitter-bootstrap

我正在使用Twitter Bootstrap框架来布局我的页面。我有这样的内容： <div class="span4">..</div> <div class="span4">

浏览 0提问于2012-10-22得票数 2

回答已采纳

1回答

Bootstrap 4如何创建响应式仪表板布局？

html、css、twitter-bootstrap、bootstrap-4

我有一个想法的仪表板，我喜欢创建使用Bootstrap。请找到下面的布局图像，我希望使用Bootstrap 4来实现。 <div class="d-flex"> <nav class="navbar

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

2回答

如何创建3div与肖像图像在一行响应bootstrap

html、css、bootstrap-4、responsive-design

这可能很简单，但对于我来说，通过使用bootstrap显示具有响应式布局的3个图像会更复杂以下是我想在我的网站的画廊页面中实现的目标

浏览 21提问于2021-02-24得票数 1

1回答

我正在使用一个bootstrap包装，并试图建立一个注册页面，看起来有点像样。我以为我设置了正确的样式，但是当我重新缩放页面时，我调整了表的大小，发现表没有响应。我知道在bootstrap3中他们添加了表响应性，但我不能在这个特定的包装中使用它。bootstrap2中有什么技巧可以帮助解决这个问题吗？这是我正在与合作的jsFiddle 我尝试了一些方法，比如添加span类，但在all...it中似乎没有什么帮助，反而把它搞得乱七八糟。

浏览 0提问于2013-08-22得票数 0

1回答

Twitter Bootstrap* 3中的网格/布局*

twitter-bootstrap、twitter-bootstrap-3

我是Twitter Bootstrap 3的新手，我已经通读了他们的文档，并了解如何嵌套列，但我有一个不同的问题。我正在尝试创建一个col 8 carousel，我知道怎么做，然后创建一个包含2行的col 4，我不确定我是否应该将它们称为总高度等于450px的行。col 4中，但我不知道获取这些盒子的最好方法是它们只是排吗？--End col-md-4 div--

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

1回答

引导下拉:处理文本，而不是按钮？

html、css、twitter-bootstrap

我可以很容易地使用Bootstrap创建按钮下拉列表，如下所示： <button class="btn">Action</button> </button> content goes he

浏览 0提问于2013-07-28得票数 0

回答已采纳

2回答

响应式设计在Angular 2中是如何工作的？

javascript、css、angularjs、twitter-bootstrap、angular

我是从一个自举的位置来到Angular 2的，就像附加container-fluid、row、col-md-10之类的类一样。我找到了大量关于Angular 2中的bootstrap的资源，比如ng2-bootstrap和angular.io教程，但我所知道的传统网格风格的引导程序没有一个是我认识或理解的。像col-md-10和col-offset这样的boostrap的附加类方法

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

0回答

Bootstrap列和可变高度段落

html、css、twitter-bootstrap-3、sass、css-multicolumn-layout

使用Bootstrap 3.3.7，并尝试将17个可变高度的段落排列到3列(col-md-4)布局中，以获得高分辨率，2列(col-sm-6)或1列(col-xs-12)。无论是三列还是两列，我都希望得到的布局能产生接近相同高度的列。尝试创建灵活的布局，因为段落源代码不是静态的。我试过了： <p class="col-md-4 col-sm-6 col-xs-12&

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

1回答

Spring :如何编辑标签的样式

spring、twitter-bootstrap、jsp-tags、spring-roo、gvnix

我正在使用gvNix创建一个应用程序。我启用了jQuery和Bootstrap，但是我想编辑页面的颜色和布局。例如，create新用户表单如下所示但是，您可以看到，复选框的位置不是很好，文本字段和按钮也非常紧张。列表页也没有响应。

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

回答已采纳

1回答

流体包裹内容元素

typo3、fluid-layout、fluid

它是关于我在TYPO3中创建的一个TYPO3。通过液体使它们出现在正面是没有问题的。但是，我在“左列”中创建了四个内容元素(文本和图像)。我想用一个引导包装包包装这些内容元素，例如文本、"col-md-8"和img "col-md-4"。不幸的是，我没有找到任何提示或文档说明如何这样做。也许有人可以帮我解决这个问题，并告诉我

浏览 5提问于2015-09-26得票数 1

1回答

如何将产品的表视图改为并排视图，比如在MVC Razor页面中使用HTML5和CSS3的在线购物产品列表？

asp.net-mvc、html、razor、model-view-controller、asp.net-mvc-5

我正在尝试创建一个电影列表，其中的数据来自数据库表。因此，我需要使用@foreach(){ .创建产品的并排视图。}。请有人检查我的代码下面，并帮助我通过这一步。我希望我的产品(使用@foreach项目)：产品4产品5产品6 @foreach(var i=0; i< Model.Count; i+=2){但是没有工作，可能是因为我的图像，来自db的Imag

浏览 0提问于2019-04-23得票数 0

回答已采纳

1回答

适合其内容的响应式居中弹出窗口

javascript、html、css

在过去的几个小时里，我一直在尝试获得一个响应盒，它居中并自动缩小到他的内容。display: inline-block; text-align: center; display: inline-block; border: solid thin #19b4b5padding-b

浏览 0提问于2016-11-11得票数 1

1回答

具有网格响应性的Bootstrap仅适用于15个字符的第一个单词

html、css

我正在尝试使用简单的Bootstrap获得响应性。响应性只有在我使用超过15个字符的第一个单词时才有效，如下所示。 ? <!</form> </div> 如何在不改变句子第一个单词长度的情况下获得响应性。 ?

浏览 16提问于2019-09-18得票数 0

1回答

Rails:在rails 6上安装和配置bootstrap

ruby-on-rails、twitter-bootstrap、webpack

如何让bootstrap在rails 6中的自定义布局上工作我使用yarn add bootstrap jquery popper.js命令安装了bootstrap，并按如下方式配置了我的..appimport 'bootstrap' import "../stylesheets/application" ..app/javascript/stylesheets&

浏览 9提问于2020-01-13得票数 3

回答已采纳

点击加载更多