bootstrap 的正确使用方式是怎样的 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
entimm
V2EX    程序员

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

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

    虽然不是做前端的,但是 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 的……
    GG668v26Fd55CP5W
        13
    GG668v26Fd55CP5W  
       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     Solana     889 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 20:56 PVG 04:56 LAX 12:56 JFK 15:56
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86