可以自定义Bootstrap吗? [英] Can Bootstrap be customized?

查看:118
本文介绍了可以自定义Bootstrap吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我理解Bootstrap的本质是使用可以从网站下载的模板创建响应式设计。我们可以运用我们的创造力在Bootstrap中设计自己的布局,类似于使用Adobe Dreamweaver(HTML和CSS)可以实现的布局吗?
如果可能的话,请提供一些说明。

I understand that the essence of Bootstrap is to create responsive design using templates that can be downloaded from the site. Can we apply our creativity to design our own layout in Bootstrap, similar to what can be achieved using Adobe Dreamweaver (HTML and CSS)? Kindly provide some directions, if that is possible.

推荐答案

是的,我没有使用Adobe Dreamweaver但我假设您所需的输出为 HTML CSS ,而且您有足够的知识

Yes you can, I haven't use Adobe Dreamweaver but I assume that your desired output is HTML and CSS and that you have enough knowledge about it.

Bootstrap实际上使用html作为元素和CSS设计(加上行为的javascript)。

Bootstrap actually uses html for elements and CSS for designs (plus javascript for behaviors).

检查以下代码片段:

.custom-design {
  border-radius: 0 !important;
  color: black !important;
  border: 3px black solid !important;
  width: 300px;
}

<html>
  <head>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
  </head>
  <body>
    <p>This is the default primary button of Bootstrap:</p>
    <button class="btn btn-primary">Button</button>
    
    <p>This is the default primary button which I overrode the design:</p>
    <button class="btn btn-primary custom-design">Button</button>
  </body>
</html>

这篇关于可以自定义Bootstrap吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆