在同一行中的div不一起顯示

我想分割一行中的兩個文本和圖像。但是，無論我設置div的大小，它們都顯示在不同的行上。在同一行中的div不一起顯示

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-12"> 
     <ul class="nav"> 
     <li><a class="home" href="#home>">Home</a><li> 
     <li><a href="#about">About</a></li> 
     <li><a href="#portfolio">Portfolio</a></li> 
     <li><a href="#contact">Contact</a></li> 
     </ul> 
    </div> 
    </div> 
    <div class="row"> 
    <div class="col-md-6" id="first">JUSDHFLKSADHFLK</div> 
    <div class="col-md-6" id="second">JKSDNF,ASDNF,ASD</div> 
    </div> 
</div>

我對這個簡單的問題感到痛苦，並仔細檢查了文檔。我錯過了一些簡單的東西嗎

的代碼使用codepen.io

沒有CSS和寬度是COL-MD足夠大

謝謝

來源

2016-11-17 Ryan Brady

如果您使用引導列，則不需要在div上設置寬度。如果你的窗口是992px或更寬，col-md-6將會在一行上。其他方面他們將被堆疊。如果他們不是，你必須在你的css http://www.bootply.com/6eHIBsKlTD過渡引導樣式 – Turnip

設置所需的寬度與display:inline-block;這將使你寫div精確地取出你所給的寬度

來源

2016-11-17 21:07:06 jafarbtech

如果你的引導程序加載正確，你可能會加載它的屏幕太小，對於col-md-6。下面是使用col-xs-6所以你可以看到他們並肩工作的工作示例 - >https://jsfiddle.net/mmcshinsky/kgb52j3e/

來源

2016-11-17 21:26:47

我忘了，包括外部CSS在codepen設置:)

感謝您的幫助引導！

來源

2016-11-17 21:48:14

在同一行中的div不一起顯示

回答

相關問題