Question

我使用了示例代码，只是保存为.html。但第二部分不能水平显示我试图谷歌这个类似的问题，但没有太多的解决方案。请帮忙!!

代码

<div class="row">
  <div class="col-md-12">Full width</div>
</div>
<div class="row">
  <div class="col-md-3">25%</div>
  <div class="col-md-3">25%</div>
  <div class="col-md-6">50%</div>
</div>

Answer 1

确保已导入bootstrap.css，因为col-md-*和row类是引导程序的一部分。请查看下面的代码段以供参考。

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
  <div class="col-md-12">Full width</div>
</div>
<div class="row">
  <div class="col-md-3 col-xs-3">25%</div>
  <div class="col-md-3 col-xs-3">25%</div>
  <div class="col-md-6 col-xs-6">50%</div>
</div>

＆＃13;

Answer 2

如果您想使用row和col-md-*等类，则需要将Bootstrap Twitter连接到已包含这些类的html。

只需在style.css之前将此代码粘贴到head标记中： https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

无法在html中水平显示

2 个答案: