【问题标题】:Bootstrap like buttons and inputs for non bootstrap pages非引导页面的引导按钮和输入
【发布时间】:2015-05-11 05:31:56
【问题描述】:

我有一个旧的 asp.net 页面也不是引导页面。它在母版页文件下的 100 页中只有 1 页。但我必须在某种程度上更新页面,并被要求让按钮和输入看起来像引导样式。

我将引导 css 链接到单独的页面,该页面也使用主文件中的巨大 css 文件工作。这是我使用的引导 css。

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css

但正如预期的那样,页面在很多地方都中断了。所以我的问题是如何使中午引导页面上的输入和按钮看起来像引导方式。只有按钮和输入。

【问题讨论】:

标签: html twitter-bootstrap


【解决方案1】:

没问题!

转到bootstrap customize,然后勾选除按钮之外的所有内容,将按钮类添加到您的按钮中,您就完成了!

【讨论】:

  • 那很好.. 只是一个澄清。所以要完成这项工作,我必须参考引导 js 和 CSS .. 对吗?但是我在文件夹中找到了两个css文件。 bootstrap-theme.min.css 和 bootstrap.min.css。这其中可以参考。我尝试同时引用两者,但它显然破坏了我页面中的所有内容。从定制器中我只选择了按钮(以及少数组件,如分页、寻呼机按钮组等)
  • 单独参考 bootstrap.min.css。您可以查看引导主题文件的作用示例here
  • 另外,在构建自定义引导主题时,您应该勾选所有 js 内容。考虑到您只是将 CSS 用于按钮,您实际上并不需要任何 js 东西。
【解决方案2】:

我最近遇到了一个非常类似的问题,我发现您实际上可以单独下载组件而无需使用整个框架。 Customize and download bootstrap

希望这有帮助,让我知道你的进展情况

【讨论】:

    【解决方案3】:

    抱歉,没有代表可以简单地发表评论。

    但对于输入字段,您也需要选择表单。

    然后你可以浏览下载的 CSS 文件并选择你想要的。

    或者一个示例样式类开始使用:

    .example
    {
      padding: 5px 10px 5px 10px;
      background: #ff671d;
      border-radius: 10px;
      color: #fff;
    }
    

    您需要使用这些属性来获得您想要的。

    【讨论】:

      猜你喜欢
      • 2016-05-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-18
      • 2023-04-07
      • 2022-01-13
      • 2017-02-11
      • 2021-01-20
      相关资源
      最近更新 更多