前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Bootstrap: New Net-volution

Bootstrap: New Net-volution

作者头像
四火
发布2022-07-15 21:17:55
2310
发布2022-07-15 21:17:55
举报
文章被收录于专栏:四火的唠叨四火的唠叨

A lot of companies developed their own mature front-end components or frameworks since several years ago, while only two twitters made it popular all around the world. Just think of it why. I don't believe Bootstrap implies too much complex technologies, but it contains great ideas of layout and encapsulation, with low learning curve and one of the best documents in the world for newbies.

I recommend everyone who is interested in front-end tech can have a glance at Bootstrap at least. Of course you needn't to dive into each detail of it, but to build sense of front-end development and modularization. This is the very example to show how to write html, css and javascript code.

I can't recall the first time I saw the input box with a twinkling blue border, or the unicolored buttons with a triangle on the right side… But now the whole internet has been fully filled with the style. It seems Bootstrap will be the standard to web development in the near future, just as JQuery to javascript, WordPress to blog (OMG, WordPress has been integrated with Bootstrap as well… all right, I feel a little tired of it now).

Bootstrap may make inferior UI designers lose their job. The programmers who don't have good aesthetic sense can make well-formed page now. So, please be smart and take it's sides. You can get some websites built by Bootstrap here.

Jetstrap is an awesome WYSIWYG tool to customize Bootstrap:

Sometimes you have to face some issues or limiations when you use a unified framwork or style collection such as Bootstrap. One of them is called "css polution", which is caused by a natural defect of css.

Once a component (such as table or a division) is generated, it will be affected by Bootstrap styles, even if the affection is not exactly what you want. Unfortunatly, you may have no idea to avoid it graciously, but some work around is as below:

  1. Find out all the incorrect css styles affected to the component, and correct them one by one. This is something like "ugly hack", which means once you change the bootstrap css, you will never know what will happen to the the component.
  2. Write an "iframe" tag to hold the component. The tag can be written on the document dynamically by javascript. Iframe will protect it from any other css styles defined on the parent page. However, it'll bring complexity when you use javascript to manipulate the DOMs from outside of the iframe for it's a kind of cross-domain operation.

Or, remove bootstrap from the page. Then you have to deal with all the css styles by yourself. Calm down and don't worry, it won't kill you.

文章未经特殊标明皆为本人原创,未经许可不得用于任何商业用途,转载请保持完整性并注明来源链接 《四火的唠叨》

×Scan to share with WeChat

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档