Nodejs开发者如何看待bootsrtap这个框架真垃圾

Nodejs开发者如何看待bootsrtap这个框架真垃圾

垃圾理由： 1 如果单纯的用这个垃圾框架的话设计给你的东西你很难实现，为什么这么说 如果用过的人都知道 差几个像素这可不是一个小事 嗯嗯 如果不单纯用这套框架的话可以加一些样式 效果是可以实现的 这点让我很欣慰，但是我在想 自己加的样式这么多 而你真正实现网页布局的时候bootsrtap中的有效带码突然间发现其实利用的也就一点点 所以有这时间用这套框架还真不如手打两行代码来的实在 因为bootsrtap真的没帮我们做什么 2 这套框架我不知道是给会响应式布局的人用的还是针对不会css的 或者两者都是 但是我想说的是 不会bootsrtap不会用 会bootsrtap的已经有自己的一套框架了 用起来可能会比bootsrtap还要好 所以 我不知道bootsrtap是给谁用的 3。。。。。。


28 回复

Node.js 开发者如何看待 Bootstrap 这个框架真垃圾

Bootstrap 是一个非常流行的前端框架，但在某些情况下，它确实可能引起一些开发者的不满。以下是一些 Node.js 开发者对 Bootstrap 的看法以及如何解决其中的一些问题。

1. 布局与自定义样式的挑战

问题描述： Bootstrap 提供了大量的预设样式和组件，但有时这些预设样式并不能完全满足需求。例如，如果需要调整元素之间的间距，可能会发现很难精确到像素级别。这可能导致开发者花费大量时间来微调样式。

解决方案： 使用 Bootstrap 的工具类（utility classes）可以帮助快速调整布局。例如：

<div class="container">
    <div class="row align-items-center" style="height: 100vh;">
        <div class="col-4 offset-4 text-center">
            <h1>Hello, World!</h1>
        </div>
    </div>
</div>

在这个例子中，offset-4 类用于偏移列的位置，text-center 类用于居中文本。

2. 响应式设计与定制化需求

问题描述： 有些人认为 Bootstrap 更适合那些不需要太多自定义的项目，而对于需要高度定制化的项目来说，它显得不够灵活。如果开发者已经有一套自己的 CSS 框架或熟悉 CSS，他们可能觉得使用 Bootstrap 并没有带来太多价值。

解决方案： 虽然 Bootstrap 提供了强大的响应式功能，但你可以通过覆盖默认样式来实现更精细的控制。例如：

/* 覆盖 Bootstrap 的默认样式 */
.container {
    max-width: 960px;
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

在这个例子中，我们覆盖了 .container 类的 max-width 属性，以适应不同的屏幕尺寸。

3. 开发者习惯与工具选择

问题描述： 有些开发者可能已经有了自己的前端框架或库，他们可能觉得使用 Bootstrap 没有必要。另外，一些开发者可能觉得使用 Bootstrap 会增加项目的复杂性，因为他们需要学习新的类名和结构。

解决方案： 如果你已经有一个成熟的前端框架，可以选择不使用 Bootstrap。但如果你希望利用 Bootstrap 的响应式设计和组件，可以考虑只引入必要的部分，而不是整个框架。例如：

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

通过这种方式，你可以只引入核心样式，从而减少不必要的代码量。

总结

尽管 Bootstrap 可能存在一些局限性，但它仍然是一个强大且广泛使用的框架。对于 Node.js 开发者来说，关键在于根据项目需求合理选择和使用工具。通过上述方法，你可以更好地利用 Bootstrap 的优点，同时避免其潜在的缺点。


呵呵

发文章不加标点符号的真是垃圾。

围观大牛

呵呵

哈哈

哈哈

这个框架是给不会写css的人用的，尤其是dreamweaver重度使用者

坐等樓主開源, 謝謝.

楼主自己不会定制就怪框架烂，找个重构工程师或者专业的csser多多学习下，而不是乱喷。

BTW：对bootsrtap有意见的人很多，包括我自己。但是人还是要谦卑，自己无能就怪工具这个习惯非常不好，对职业发展非常不利。

呵呵

呵呵

23333 我CSS精通照样BS 楼主逗 我用JADE写BS 一个大页面几分钟 快速部署开开心心，老板满意 哪有真正全兼容的库 简直挑剔

楼主怒找存在感

坐等楼主更加牛逼的框架出炉

楼主是在抨击别人展现自己?假设以后等楼主自己发布了牛逼的框架的时候,被别人这么抨击是个什么感觉? 我个人觉得, 你可以觉得这个框架不好用, 你自己可以不用. 你自己有能力去完成更好的那自然没话说. 至少不需要到这种公开的场合来批判好不好的问题. 其次bootstrap自出生以来就一直在github关注度极高, 难道他就没有任何好处? 没有任何值的你学习的? 在没有吃透bootstrap的情况下,就说别人是垃圾. 敢问github是垃圾之家吗? 在github上那么多人关注bootsrtap的人,都是"环卫工"/“垃圾回收员”?

确实不怎么滴

bootstrap 能帮你快速达到80%的目的，剩下的20%还要花80%的功夫。

楼上正解……

忍不住点32个赞

自己写框架好难的

好像关注度没那么高吧。。。

啥意思？

bootstrape是一个好东西，特别对于css不太熟悉的人，在一定范围内做定制也可以实现大部分的需求，毕竟这是一个通用的框架，解决80%需求可能已经很不容易了 楼主如果觉得垃圾，那么你给一个试试看，相信大家的眼睛是雪亮的 当然对于自定义十分高的人员来说，bootstrape只是一个学习参考，毕竟很多地方都改动的话就是一个新框架了，哈哈

bootstrape，在我看来，三种情况下会使用它：1、项目，就是说开发完成后，几乎不需要我们再去维护的代码；2、网站的后台支撑系统，这个系统是给内部人员用的，差几个像素无所谓；3、没有美工。

其它时候，请不要使用它，它会增加你的工作量的。每个框架都有它擅长的那一面，要合理的使用它们～～

bootstrape ? ‘’ : bootstrap

坐等楼主更加牛逼的框架出炉

关于“Node.js开发者如何看待Bootstrap这个框架真垃圾”的讨论，我认为这样的观点有一定的片面性。Bootstrap是一个非常强大的前端框架，它不仅可以帮助快速构建响应式网站，还可以通过自定义配置来满足不同项目的需求。

示例代码

首先，Bootstrap提供了很多实用的组件和类，可以大大减少开发时间和代码量。例如，使用Bootstrap创建一个简单的导航栏：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入Bootstrap CSS -->
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="#">Navbar</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item active">
                    <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Features</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Pricing</a>
                </li>
            </ul>
        </div>
    </nav>

    <!-- 引入Bootstrap JS和依赖 -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>

解释

  1. 自定义配置：虽然Bootstrap提供了一整套预定义样式，但你可以通过自定义CSS文件覆盖这些样式，使其符合你的需求。
  2. 灵活性与易用性：对于初学者来说，Bootstrap简化了许多复杂的CSS和JavaScript代码，使得页面结构更加清晰。
  3. 响应式设计：Bootstrap内置了响应式栅格系统，使得页面在不同设备上都能良好显示，这对于现代Web应用至关重要。

总结

Bootstrap并不是为了解决所有问题而存在，但它确实可以帮助开发者更快地搭建出具有良好用户体验的界面。如果你觉得某个框架不符合你的需求，完全可以尝试其他工具，比如Tailwind CSS或自定义CSS。关键是找到最适合项目需求的技术栈。

回到顶部