Is there a giant 'asset page' of all Bootstrap elements that I can re-style? [closed]

前端未结

关注

 7  1391

别那么骄傲

相关标签:

7条回答

迷失自我

2021-01-30 16:41

I couldn't find one, so I created my own. I basically combined all the example pages of the documentation and stripped out all the descriptions and codes. I also removed some duplicates.

Based on Bootstrap v4.0.0-alpha.6

https://github.com/gavsiu/bootstrap-demo

0 讨论(0)
发布评论:

提交评论
- 加载中...
栀梦

2021-01-30 16:42

At time of writing, this is a good one for BS3 http://bootply.com/render/71500

Update Decembre 2013: Bootswatch has a page that is updated regularly http://bootswatch.com/default/

Update March 2018: Bootswatch has been updated for BS4.

0 讨论(0)
发布评论:

提交评论
- 加载中...
春和景丽

2021-01-30 16:53

Bootstrap TLDR contains all components in one page: https://anvoz.github.io/bootstrap-tldr/

It's on Github as well: https://github.com/anvoz/bootstrap-tldr

0 讨论(0)
发布评论:

提交评论
- 加载中...
迷失自我

2021-01-30 16:57

I have been looking for a similar thing. The best I've found is this website, which also allows you to edit the css on it.

http://pikock.github.io/bootstrap-magic/app/index.html#!/editor

0 讨论(0)
发布评论:

提交评论
- 加载中...

一整个雨季

2021-01-30 16:57

take a look here, a full list of CSS and components, with some explanation and code snipets:

http://codepen.io/letanure/full/WxwaZP/

Some days ago I need the same thing, dont find anything as I need, so I created this one.

randon piece of code, because stackoverflow require if post a link to codepen

<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Bootstrap all elements</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  <!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

  <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

</head>

<body>

0 讨论(0)

我寻月下人不归

2021-01-30 16:58
What you could do is customise the bootstrap docs site to use your stylesheet. It's included in the bootstrap repo at (on github at https://github.com/twitter/bootstrap/blob/master/docs/index.html).

To use a different stylesheet you'll need to update https://github.com/twitter/bootstrap/blob/master/docs/templates/layout.mustache to point to your stylesheet:
```

<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/docs.css" rel="stylesheet">
<link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">

```
and then build using:
```
$ node docs/build production
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

1 2 下一页

热议问题