bootstrap里让col固定宽度的方法亲测 原创


  • :
  • 01-25 20:37
  • :
  • 4次
  • :
  • 0条
  • 1赞

简介本文讲的是在使用bootstap里,如果让其中的一个col列变成固定的宽度的方法。

站长现在做WEB项目时,bootstrap是必不可少的插件之一,因为能节省我大量的编写CSS的时间。

最开始的时候,认为自己的WEB项目简单,自己写CSS样式的话,可能只需要几行的代码,这样能让WEB页面在打开的时候速度更快,但接着发现,现在网上有很多免费的CDN加速服务,所以虽然bootstrap的源文件很大,但使用CDN加速后,会很快的!

可以关注本站的bootstrap专栏,和站长一起学习更多的bootstrap的技巧和方法:

本文站长和大家说一下,在bootstrap里,如果让其中的一个col列变成固定的宽度,其它的col则占据剩余的宽度。

比如下面的代码:

<div class="row">
    <div class="col">这是第一列</div>
    <div class="col">这是第二列</div>
</div>

如果只是上面的代码的话,效果是第一列和第二列平分了整个页面的宽度,如果我们要让第一列只有300像素的宽度,那么我们可以这样来写:

<div class="row">
    <div class="col" style="width:300px;max-width:300px;min-width:300px">这是第一列</div>
    <div class="col">这是第二列</div>
</div>

虽然是很简单的一个小技巧,但站长还是单独写了篇文章拿出来和大家分享,因为站长自己也是刚开始接触和使用bootstrap,记录同时也是一个学习的过程。



您正在找的文章可能是: