在引导程序中对齐两个div

时间:2015-07-31 09:37:34

标签: html5 css3 twitter-bootstrap-3

我有以下输出: enter image description here

蓝色圆圈位于一个div中,文字位于另一个#circles { background: #4A90E2; width: 32px; height: 32px; border-radius: 50%; text-align: center; display: inline-block; position: relative; color: white; font-size: 23px; } 中。我无法理解为什么第一个div在顶部,第二个div似乎没有彼此对齐。

下面是代码:

CSS

<div class="row" style="background-color: rgba(140,  140,  140, 0.33);"> 

                <div class="col-sm-4 col-sm-offset-5">
                     <div class="row" style="padding-top: 20px;">
                         <div class="col-sm-1">
                            <div id="circles"> 
                                1 
                            </div>
                         </div>
                         <div class="col-sm-11 pull-right">
                            <h2 style="vertical-align:top;">Maak je pakje klaar</h2>
                         </div>
                     </div>
                </div>

            </div> 

HTML

SelectedDatesChanged

我尝试使用vertical-align但没有结果。

2 个答案:

答案 0 :(得分:0)

Bootstrap在元素上有一些默认的css值,例如heading标签有

h2 {
    margin: 0;
}

您需要将其删除或根据需要进行管理。

您可以在这里使用:

from rdflib import *

rdf_address="C:/Users/eh/ontologies/RNO_V5042/NVDB_RNO_V5042_RDF.owl"
g=Graph()
g.parse(rdf_address)

for namespace in g.namespaces():
    print namespace

rno = Namespace("http://www.semanticweb.org/eh/ontologies/2015/3/RNO_V5042#") ###### **how to find this namespace?**

aClass = rno.Node
roundabout= rno.Roundabout
namedIndividual = URIRef('http://www.w3.org/2002/07/owl#NamedIndividual')
rdftype = URIRef("http://www.w3.org/1999/02/22-rdf-syntax-ns#type")
for triple in g.triples((None,rdftype,rno.Roundabout)):
    print triple

但更好的选择是你应该customize Bootstrap才能使用。

答案 1 :(得分:0)

这是Fiddle希望这会对你有所帮助。 - Fiddle

另请阅读有关bootstraps课程的内容。