V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
entimm
V2EX  ›  程序员

bootstrap 的正确使用方式是怎样的

  •  
  •   entimm · 2016-12-08 09:28:11 +08:00 · 5909 次点击
    这是一个创建于 2903 天前的主题,其中的信息可能已经有所发展或是发生改变。

    虽然不是做前端的,但是 bootstrap 也是做过好几个项目了,过往的用到 bootstrap 的都是直接拿官方的示例代码排列组合,效果就那样,看网上的都挺好看的。

    18 条回复    2016-12-09 17:07:52 +08:00
    9hills
        1
    9hills  
       2016-12-08 09:44:33 +08:00 via iPhone
    购买 bootstrap theme
    murmur
        2
    murmur  
       2016-12-08 09:46:03 +08:00
    bootstrap 的 admin dashboard 主题不是一般的多 当然正确方式是购买主题 别人会把 psd 也给你 想切图玩都无所谓
    当然前端么 所有的演示站点都等于代码白送
    hantsy
        3
    hantsy  
       2016-12-08 10:04:32 +08:00
    1. 代码先行,一般开发人员都可以轻易使用 Bootstrap 布局,功能完成后,再添加一些 CSS 美化,前后端通用。
    2. 设计先行,现在有大量基于 Bootstrap 的 PS 模板,生成的静态 HTML 兼容 Bootstrap ,前后端通用。
    3. 后端管理界面,现在 ThemeForest 上大把,需要小小付费,拿来即用。
    SilentDepth
        4
    SilentDepth  
       2016-12-08 10:30:23 +08:00
    楼上都说得差不多了,只是提一点:不使用 BS 默认的风格,就是正确的使用方式……
    wobuhuicode
        5
    wobuhuicode  
       2016-12-08 10:40:55 +08:00   ❤️ 1
    bootstrap theme 才是他的精华…… bootstrap 定好了一套标准让会做的人做,然后成为主题,给不会的人用
    learnshare
        6
    learnshare  
       2016-12-08 10:42:27 +08:00
    Bootstrap 的精华是布局,不是主题
    leer561
        7
    leer561  
       2016-12-08 10:44:12 +08:00
    通过构建工具 引入 saas 或者 less ,为整站提供各种变量,或者根据需要启用组件,打包。
    wenymedia
        8
    wenymedia  
       2016-12-08 10:58:16 +08:00 via Android
    …外包万能工具
    varrily
        9
    varrily  
       2016-12-08 11:51:52 +08:00
    http://dorole.com/1536/ 个人粗浅的用法供参考
    entimm
        10
    entimm  
    OP
       2016-12-08 12:00:21 +08:00
    @hantsy 我差不多也是这样做的,先 bootstrap 来一套,然后再上一个自己的 style,覆盖部分默认样式。总感觉还有有点弱的样子
    entimm
        11
    entimm  
    OP
       2016-12-08 12:05:25 +08:00
    @leer561 从 saas 或者 less 下手,重新编译 bootstrap ,但总感觉出来的效果未必比官方预编译的好,还是不会整界面
    lsmgeb89
        12
    lsmgeb89  
       2016-12-08 12:48:18 +08:00
    尼玛,以为是 machine learning 的……
    falcon05
        13
    falcon05  
       2016-12-08 13:11:16 +08:00 via iPhone
    改 less 文件啊,推荐一本书《 Bootstrap 实战》,老外写的
    leer561
        14
    leer561  
       2016-12-08 13:12:32 +08:00   ❤️ 1
    @entimm bootstrap 本身就是依靠这种变量和 mixin 写出来的,不会存在你说的效果未必比官方的差的问题。修改变量后依靠 gulp 或者 webpack 打包后的 css ,完全不需要再覆盖样式这样冗余的工作,而且重要的是你的整站会随着一起修改。有需求变更,只修改一个变量就好了。
    你们没做前端的工程化么
    Nutlee
        15
    Nutlee  
       2016-12-09 09:13:38 +08:00
    同请教,之前都是引入 Bootstrap 的 css js ,然后再各种覆盖来的... 比较搓...
    onestar
        16
    onestar  
       2016-12-09 14:41:35 +08:00
    原来是这样,学习了
    sensui7
        17
    sensui7  
       2016-12-09 16:59:23 +08:00
    面向工资编程:
    1.如果工资低的话, 直接覆盖官方样式, 有良心就用官方的生成工具。
    2.如果工资高的话, 直接 hack 源码, leer561 已经说了, 可以自定义变量和 mixin 。
    3.如果工资更高的话, 可以直接阅读源码, 创建自己的框架轮子。
    entimm
        18
    entimm  
    OP
       2016-12-09 17:07:52 +08:00
    @sensui7 感觉应该是怎么爽怎么来,怎么又成就感怎么来,如果公司有这样的环境当然直接干源码来的境界高的吧,出发嫌工资给低了,故意不给老板整那么好,不然后面各种被逼加班苦的还是自己额
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1398 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 17:34 · PVG 01:34 · LAX 09:34 · JFK 12:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.