html - 如何设计 bootstrap 3.3.6 中的列?

标签 html twitter-bootstrap css web

我如何使用 Bootstrap 3.3.6 设计下图,这些是 div CSS?我只是一个新程序员,希望你能帮助我。

enter image description here

最佳答案

以下是您可以使用 div 执行的操作。

<html>
	<head>
		<body>
			<div style="border:3px solid black; width:auto; padding:10px;">
				<div style="border:3px solid blue; width:auto; padding:10px; text-align:center;">
					<div style="width:100px; display:inline-block; border:3px solid pink; margin:10px; height:10px; padding:10px;">
					</div>
					<div style="width:100px; display:inline-block; border:3px solid green; margin:10px; height:10px; padding:10px;">
					</div>
				</div>
			</div>
		</body>
	</head>
<html>

为了让最里面的两个 div 并排 float ,我们使用 display:inline-block;属性(property)。

关于html - 如何设计 bootstrap 3.3.6 中的列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37560907/

相关文章:

javascript - 有人可以向我解释这段 CSS 代码吗?

javascript - 如何知道何时向下滚动?

html - 将尺寸属性用于响应式图像

twitter-bootstrap - 如何反转 Bootstrap Collapse 项目?

css - 扩展 div 的背景以填充父 div 的高度

html - Mozilla Firefox 浏览器不加载样式表

asp.net - 使用指定的操作简单地将 Razor 下拉列表转换为 Bootstrap3 下拉列表

javascript - Vue 过渡的动态样式

javascript - 使用 jQuery 在另一个 div 中克隆一个 div

css - 在所有浏览器中覆盖占位符字体 css