GVKun编程网logo

一个div可以有多个类吗(Twitter Bootstrap)(一个div可以有两个class吗?)

4

在这里,我们将给大家分享关于一个div可以有多个类吗的知识,让您更了解TwitterBootstrap的本质,同时也会涉及到如何更有效地twitter-bootstrap–Bootstrap3Hori

在这里,我们将给大家分享关于一个div可以有多个类吗的知识,让您更了解Twitter Bootstrap的本质,同时也会涉及到如何更有效地twitter-bootstrap – Bootstrap 3 Horizontal Divider(不在下拉列表中)、twitter-bootstrap – Bootstrap 3.0.0 – 什么是bootstrap-responsive.css的替代?、twitter-bootstrap – Bootstrap float divs从左到右、twitter-bootstrap – Bootstrap,Twitter Bootstrap和Bootstrap 3有什么区别?的内容。

本文目录一览:

一个div可以有多个类吗(Twitter Bootstrap)(一个div可以有两个class吗?)

一个div可以有多个类吗(Twitter Bootstrap)(一个div可以有两个class吗?)

div标签可以有两个类吗?

我正在使用twitter bootstrap,我想使用两个预定义的类。

一个是active我想dropdown-toggle在导航栏中使用的类。

在不覆盖CSS的情况下,在html中解决此问题的最佳方法是什么。

twitter-bootstrap – Bootstrap 3 Horizontal Divider(不在下拉列表中)

twitter-bootstrap – Bootstrap 3 Horizontal Divider(不在下拉列表中)

我知道Bootstrap 3有一个水平分隔线,你可以放置在下拉菜单中分离链接,像这样:
<ulrole="menu" aria-labelledby="dropdownMenu2">
  <li role="presentation">Dropdown header</li>
   ...
  <li role="presentation"></li>
</ul>

我的问题是:有没有办法做到这一点,而不是在一个下拉列表,如放入任何种类的列表或类似的菜单?

解决方法

是的,你可以简单地把< hr>在你想要它的代码中,我已经在我的一个管理面板边栏中使用它。

twitter-bootstrap – Bootstrap 3.0.0 – 什么是bootstrap-responsive.css的替代?

twitter-bootstrap – Bootstrap 3.0.0 – 什么是bootstrap-responsive.css的替代?

在我的应用程序升级到bootstrap 3.0.0从引导2.3.2之后,它的布局不是很好,似乎是因为在最新版本中缺少引导响应。有没有人知道这里的解决方法?在引导文档中似乎没有什么(至少我找不到)

解决方法

在Bootstrap 3.0中,没有必要的css。报价 migration guide:

“Mobile first” is a responsive Web design practice that prioritizes consideration of smart phones and mobile devices when creating Web pages. For Bootstrap 3,there is no longer a separate bootstrap-responsive.css file. All responsive features are Now compiled into a single core bootstrap.css file.

twitter-bootstrap – Bootstrap float divs从左到右

twitter-bootstrap – Bootstrap float divs从左到右

对于我的项目,我正在使用bootstrap.

我试图显示从左到右漂浮的div,所以我做了

<div>
  <div>11111111<br></div>
  <div>2222222222<br>222222222222<br></div>
  <div>333333333333<br></div>
  <div>444444444444<br></div>
</div>

http://www.bootply.com/yyKS8cgS4h

但正如你所看到的那样,带有4s的div不会添加到带有1s的div下,而是添加到具有3s的div下.我怎样才能修复它以便将它添加到带有1的div下?

编辑

div的数量是动态的,所以我不能把它添加到div 11111,我想要的是在pinterest.com主页上,所有的div都是从左到右添加的,每个div下都有nog大空格

为了更好地理解我的问题,我做了另一个例子

http://www.bootply.com/R3MXHJL9wM

这就是我想要做的事情,在页面上填写带有描述的图像.但我希望页面能够填充,而不会像您在示例中看到的那样存在巨大差距.

enter image description here

例如,图像div彼此之间没有间隙(如果你只是创建一个新行就可以获得)

解决方法

你应该从Twitter Bootstrap阅读 grid section:

Grid columns are created by specifying the number of twelve available
columns you wish to span. If more than 12 columns are placed within a single row,each group of extra columns will,as one unit,wrap onto a new line.

因此,在每12列之后,您应该使用新的< div class =“row”>开始一个新行.

看看这个official example.

所以,如果你想用1s在div下添加4s,你的代码片段应该是:

<div>
  <div>11111111<br></div>
  <div>2222222222<br>222222222222<br></div>
  <div>333333333333<br></div>
</div>

<divcol-md-4">444444444444<br></div>
</div>

http://www.bootply.com/HbFGma5nI0

在第二个片段中,您应该使用缩略图组件扩展Bootstrap的网格系统,以便轻松显示图像,视频,文本等网格.

<div>
   <div>
      <img src="http://placehold.it/350X350">
      <div>
         <p>11111111111111111</p>
      </div>
   </div>
</div>

http://www.bootply.com/QKZBKM3NmO

twitter-bootstrap – Bootstrap,Twitter Bootstrap和Bootstrap 3有什么区别?

twitter-bootstrap – Bootstrap,Twitter Bootstrap和Bootstrap 3有什么区别?

有人可以让我知道Bootstrap,Twitter Bootstrap和Bootstrap 3之间有什么区别?

解决方法

在CSS框架的上下文中,Bootstrap和Twitter Bootstrap是相同的。

Bootstrap 3是Twitter Bootstrap的第三个主要版本。 (当问这个问题,它还没有被释放。)

(还有一个不相关的定义:引导计算机程序或系统可以参考运行早期启动的某些阶段,通常简称为“启动”,如“启动计算机”Wikipedia has an extensive definition and etymology,我不在这里重现。

关于一个div可以有多个类吗Twitter Bootstrap的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于twitter-bootstrap – Bootstrap 3 Horizontal Divider(不在下拉列表中)、twitter-bootstrap – Bootstrap 3.0.0 – 什么是bootstrap-responsive.css的替代?、twitter-bootstrap – Bootstrap float divs从左到右、twitter-bootstrap – Bootstrap,Twitter Bootstrap和Bootstrap 3有什么区别?等相关知识的信息别忘了在本站进行查找喔。

本文标签: