文章/答案/技术大牛

发布

社区首页 >问答首页 >当元素是or sm-6或or sm-4的一部分时，我可以调整元素吗？

问当元素是or sm-6或or sm-4的一部分时，我可以调整元素吗？
EN

Stack Overflow用户

提问于 2017-05-16 16:46:05

回答 2查看 69关注 0票数 1

我想在col-sm-4中移动元素，更靠近显示它的窗口的左侧，基本上我的元素是一个圆环图，在移动视图中显示了一半--但是我认为如果我可以在col xs-6元素中进行调整，它将正确显示。

这是一个示例代码，我们可以在col-sm-4框中移动对齐吗？！

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container-fluid">
  <h1>Hello World!</h1>
  <p>Resize the browser window to see the effect.</p>
  <div class="row">
    <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div>
    <div class="col-sm-4" style="background-color:lavenderblush;">.col-sm-4</div>
    <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div>
  </div>
</div>

</body>
</html>

twitter-bootstrap

javascript

html

css

回答 2

Stack Overflow用户

发布于 2017-05-16 16:52:04

添加另一个类...在css中

.class1 {
 width:350px !important;
}

在html中

<div class="col-sm-4  class1" style="background-color:lavender;">.col-sm-4</div>

票数 1

Stack Overflow用户

发布于 2017-05-16 16:55:00

您可以只使用col- xs -6，因此可以使用in xs设备获得50%

col断点可以组合在一起：

<div class="container-fluid">
  <h1>Hello World!</h1>
  <p>Resize the browser window to see the effect.</p>
  <div class="row">
    <div class="col-xs-6 col-sm-4" style="background-color:lavender;">.col-sm-4</div>
    <div class="col-xs-6 col-sm-4" style="background-color:lavenderblush;">.col-sm-4</div>
    <div class="col-xs-12" style="background-color:lavender;">.col-sm-4</div>
  </div>
</div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43996538

复制

相似问题

问当元素是or sm-6或or sm-4的一部分时，我可以调整元素吗？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当元素是or sm-6或or sm-4的一部分时，我可以调整元素吗？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当元素是or sm-6或or sm-4的一部分时，我可以调整元素吗？
EN