如何使用bootstrap

时间:2015-12-27 13:51:05

标签: html css twitter-bootstrap

我是从后端开发开始的后端开发人员。我为我的应用程序选择了angular2,我想使用bootstrap。

据我所知,使用bootstrap只是在正确的html元素上放置正确的html类。

我应该将课程直接放在我的模板中吗?或者也许我应该在特定于应用程序的类中以某种方式将它们分组并仅在html中使用它们? (所以我的html文件不是特定于bootstrap的。但是CSS不允许继承类,所以我不知道它是否可能。)

稍后,如果我想修改某些内容(颜色,大小等等),我应该修改引导源还是我可以将我的.css文件附加到html?

使用较少或其他一些css预处理器连接到使用bootstrap?我的意思是,是否可以使用bootstrap创建自定义外观应用程序,只需使用vanilla css?

2 个答案:

答案 0 :(得分:1)

  

我应该直接将课程放在我的模板中吗?

是的,你应该。正如您所提到的,CSS类不支持任何类型的继承,因此创建抽象层的概念是不可行的。此外,如果您需要切换到不同的CSS框架,您还需要更改HTML。

  

我应该修改bootstrap源吗?或者我可以将我的.css文件附加到html?

Bootstrap提供customizing tool来覆盖它的一些默认值,以便您可以使用它。此外,您可以将配置保存到JSON文件并保留以供将来参考。

对于其他更改,您应该有一个新的CSS文件来添加新样式并覆盖现有样式。

  

使用较少或其他一些css预处理器连接到使用bootstrap?

CSS预处理器输出常规(vanilla)CSS。所以,是的,可以仅使用CSS创建类似Bootstrap的应用程序。预处理器将帮助您更轻松地维护CSS。

答案 1 :(得分:0)

  1. 可以“扩展”bootstrap css类,也许不能使用普通的css类,但css预处理器(如LESS,你提到过)可以创建依赖于现有样式的mixin。试试看。 但是,直接使用bootstrap类没有任何问题

  2. 如果你希望你的样式与bootstrap通常有什么不同,不要改变引导源,而是用自己的css覆盖类(虽然有一些例外,但只是特定于案例)。

  3. 使用带引导程序的css预处理器(如LESS或SASS)得到了很好的支持,甚至还有一些与之相关的库/项目,您可以轻松找到它们(这里是example)。