简单的bootstrap类无法正常工作

时间:2018-04-07 11:58:20

标签: html css bootstrap-4

我创建了一个带引导程序的html页面但是当我尝试添加响应式类时,它们无法在案例中看到。

PS。 Bootstrap连接正确

我试过这个:

<div class="row">
    <div id="work1_1_over" class="col-sm-12 col-md-6 float-md-right float-lg-right"></div>
    <div id="work1_2_over" class="col-sm-12 col-md-6 float-md-left float-lg-left"></div>
</div>

截图

Screenshot

1 个答案:

答案 0 :(得分:0)

如果您在HTML页面中添加了bootstrap.css,那么它应该可以正常运行。检查下面的代码片段,为了更方便,我使用了引导类text-center

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<div class="row">
    <div id="work1_1_over" class="col-sm-12 text-center col-md-6 float-md-right float-lg-right">some Content 1</div>
    <div id="work1_2_over" class="col-sm-12 col-md-6 float-md-left float-lg-left">some Content 2</div>
</div>