首页 文章

使用bootstrap在css和html中定位

提问于
浏览 次
-1

我想创建一个5块宽度相同的块，边距为10px，其第一个div位于固定位置或不滚动，全部负责或对齐垂直移动 . https://fonts.googleapis.com/css?family=Belleza ' rel=' stylesheet ' type=' text / css'> https://fonts.googleapis.com/css?family=Raleway:400,500,700 ' rel=' stylesheet ' type=' text / css'>

.wrapper{
    display: flex;
}
._bloc{
    width: 20%;
    height: 100vh;
    background-color: #122b40;
    margin: 10px;
}

Div Fixed 2 3 4 5

html css

2 回答

  • 0

    你的问题很难理解，但我认为你正在尝试这样的事情：

    <div class="row">
  <div class="col-md-2 col-md-offset-1 myDiv"></div>
  <div class="col-md-2 myDiv"></div>
  <div class="col-md-2 myDiv"></div>
  <div class="col-md-2 myDiv"></div>
  <div class="col-md-2 myDiv"></div>
</div>

    myDiv 的位置是：

    .myDiv {
   width: 50px //enter what you want
}

.myDiv > div {
   position: fixed;
   overflow-y: hidden;
}
    回复于
  • 1

    你的问题很难理解 . 请使用适当的条款 . 无论如何，据我所知，你需要一个响应块 .

    <div class="row">
    <div class="col-lg-2 col-md-2 col-xs-12">Block 1</div>
    <div class="col-lg-2 col-md-2 col-xs-12">Block 2</div>
    <div class="col-lg-2 col-md-2 col-xs-12">Block 3</div>
    <div class="col-lg-2 col-md-2 col-xs-12">Block 4</div>
    <div class="col-lg-2 col-md-2 col-xs-12">Block 5</div>
</div>

    这将显示五个用于桌面和平板电脑的块和一个用于移动设备的块 .

    回复于

相关问题