Question

我想通过col-md-x向我的dis做位置。我试过，但我的代码没有做出反应：

<div class="span9">
    <div class="well np">
        <div class="row">

            <div class="col-md-6">Text</div>
            <div class="col-md-6">Text</div>
            <div class="col-md-6">Text</div>
            <div class="col-md-6">Text</div>
            <div class="clearfix"></div>
        </div>

    </div>
</div>

我想成为彼此相邻的两个div，接下来的两个。它应该有效，但没有...为什么col-md-6不想工作？

Answer 1

Bootstrap网格分为 12列

通过连续4个col-md-6 div，意味着您有24列不被接受。您需要使用2 row：

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
 <div class="span9">
        <div class="well np">
            <div class="row">
    
                    <div class="col-md-6">Text 1</div>
                    <div class="col-md-6">Text 2</div>
                </div>
                <div class='row'>
                    <div class="col-md-6">Text 3</div>
                    <div class="col-md-6">Text 4</div>
                </div>
                <div class="clearfix"></div>
            </div>
    
        </div>

＆＃13;

如果您使用小屏幕，则每个文本将在彼此之后显示

Bootstrap - 我对col的定位不起作用

1 个答案: